diff --git a/.hugo_build.lock b/.hugo_build.lock new file mode 100644 index 0000000..e69de29 diff --git a/public/404.html b/public/404.html new file mode 100644 index 0000000..58e53d4 --- /dev/null +++ b/public/404.html @@ -0,0 +1,422 @@ + + + + + + + + + +404 Page not found + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + +
+
+ +
+ +
+ +

Siamo spiacenti – questa pagina non è più qui

+

Errore 404: Pagina non trovata

+ +

Vai alla homepage +

+
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + diff --git a/public/about-us/index.html b/public/about-us/index.html new file mode 100644 index 0000000..b12a9d9 --- /dev/null +++ b/public/about-us/index.html @@ -0,0 +1,511 @@ + + + + + + + + + +About Us + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

About Us

+
+
+
+
+ + +
+ + +
+ +
+ +
+ +
+

Zancle E-Drive (ZED) è un team formato da studenti iscritti all’Università degli Studi di Messina, è attualmente l’unico della Sicilia nato con l’obiettivo di partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario, la Formula SAE.

+

Il nome trae ispirazione dalle origini greche della nostra città, un omaggio al passato della nostra citta da coloro i quali ne rappresentano il futuro.

+
+

Il team alla fondazione

+
+
+ +

Il team, nato durante il 2020, nonostante i vari impedimenti ha realizzato e stampato un prototipo in scala (con il nome di CyberZED) poi ottimizzato con una seconda versione per poter sperimentare e acquisire esperienza utilizzando le varie tecnologie da implementare sulla monoposto che verrà presentata nella competizione.

+
+

CyberZED

+
+
+ +
+

CyberZED v. 2

+
+
+ +

Il team è composto da 40+ studenti provenienti da 10+ corsi di laurea e suddiviso in tre macro aree tecniche con a capo di ognuno un Responsabile che ha il compito di dirigere e organizzare il lavoro del gruppo. Ciascuno di questi, a sua volta, è suddiviso in reparti tecnici dove si fa riferimento ai Direttori Tecnici il cui ruolo è unificare e uniformare al meglio il lavoro di tutti, al fine di raggiungere l’obiettivo comune. Parallelamente lavorano i reparti manageriali e marketing, che si occupano del Business Plan Presentation Event, della comunicazione e del Cost and Manufacturing Event.

+

La competizione si svolge annualmente all’interno dei circuiti più famosi del mondo con la partecipazione di diversi team provenienti da più nazioni in rappresentanza di altrettanti atenei universitari che si sfidano nella progettazione di una vettura monoposto da competizione a combustione interna e a trazione elettrica destinata ad una eventuale commercializzazione.

+
+

Il nostro obiettivo

+

Zancle E-Drive parteciperà nel 2024 alla Formula SAE Italy , presso l’autodromo di Varano de’ Melegari nella classe EV Driverless sviluppando una monoposto full electric a guida autonoma. Le vetture dovranno quindi superare le varie prove statiche, dinamiche in modalità driverless. Le squadre dovranno confrontare le competenze in ambito ingegneristico (ambito meccanico, elettronico e informatico), organizzazione, rispetto delle tempistiche, impegno ed economicità del progetto.

+ +
+ +
+ +
+ + +
+ + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/authors/giuseppe-mantineo/index.html b/public/authors/giuseppe-mantineo/index.html new file mode 100644 index 0000000..93f40a3 --- /dev/null +++ b/public/authors/giuseppe-mantineo/index.html @@ -0,0 +1,755 @@ + + + + + + + + + +Giuseppe Mantineo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Giuseppe Mantineo

+
+
+
+
+ + +
+
+
+ + +
+ + + +
+
+
+ +
+
+

Uno sguardo al futuro l intelligenza artificiale

+
+

+ + Da Giuseppe Mantineo + + + + in + + IA + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ maggio 12, 2021 +

+ +
+ +

Quando si parla di Intelligenza Artificiale (IA), si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L’Intelligenza Artificiale consente alle macchine di imparare dall’esperienza, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell’uomo, più nel dettaglio questa è un ramo dell’informatica che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di Rete neurale artificiale, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell’intelligenza artificiale, al momento, è che impara dai soli dati, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono estremamente specializzati, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: Machine learning, Deep Learning, Computer vision, Natural language processing e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea. L’Intelligenza Artificiale ad oggi rappresenta una realtà e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.

+

Continua lettura +

+ +
+
+
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/authors/giuseppe-mantineo/index.xml b/public/authors/giuseppe-mantineo/index.xml new file mode 100644 index 0000000..5c52400 --- /dev/null +++ b/public/authors/giuseppe-mantineo/index.xml @@ -0,0 +1,19 @@ + + + + Giuseppe Mantineo on Zancle E-Drive + /authors/giuseppe-mantineo/ + Recent content in Giuseppe Mantineo on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Uno sguardo al futuro l intelligenza artificiale + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + Wed, 12 May 2021 20:48:20 +0000 + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + <p>Quando si parla di <strong>Intelligenza Artificiale (IA)</strong>, si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L&rsquo;Intelligenza Artificiale consente alle macchine di <strong>imparare dall&rsquo;esperienza</strong>, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell&rsquo;uomo, più nel dettaglio questa è un <strong>ramo dell’informatica</strong> che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di <strong>Rete neurale artificiale</strong>, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell&rsquo;intelligenza artificiale, al momento, è che impara dai soli <strong>dati</strong>, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono <strong>estremamente specializzati</strong>, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: <strong>Machine learning, Deep Learning, Computer vision, Natural language processing</strong> e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle <strong>Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea</strong>. L’Intelligenza Artificiale ad oggi <strong>rappresenta una realtà</strong> e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.</p> + + + diff --git a/public/authors/giuseppe-mantineo/page/1/index.html b/public/authors/giuseppe-mantineo/page/1/index.html new file mode 100644 index 0000000..ca5c083 --- /dev/null +++ b/public/authors/giuseppe-mantineo/page/1/index.html @@ -0,0 +1,10 @@ + + + + /authors/giuseppe-mantineo/ + + + + + + diff --git a/public/authors/index.html b/public/authors/index.html new file mode 100644 index 0000000..0d52107 --- /dev/null +++ b/public/authors/index.html @@ -0,0 +1,637 @@ + + + + + + + + + +Authors + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Authors

+
+
+
+
+ + +
+
+
+ + +
+ + + + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/authors/index.xml b/public/authors/index.xml new file mode 100644 index 0000000..d8a0226 --- /dev/null +++ b/public/authors/index.xml @@ -0,0 +1,26 @@ + + + + Authors on Zancle E-Drive + /authors/ + Recent content in Authors on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Giuseppe Mantineo + /authors/giuseppe-mantineo/ + Wed, 12 May 2021 20:48:20 +0000 + /authors/giuseppe-mantineo/ + + + + Mauro Cannistrà + /authors/mauro-cannistr%C3%A0/ + Sun, 25 Apr 2021 22:00:00 +0000 + /authors/mauro-cannistr%C3%A0/ + + + + diff --git "a/public/authors/mauro-cannistr\303\240/index.html" "b/public/authors/mauro-cannistr\303\240/index.html" new file mode 100644 index 0000000..9633eab --- /dev/null +++ "b/public/authors/mauro-cannistr\303\240/index.html" @@ -0,0 +1,901 @@ + + + + + + + + + +Mauro Cannistrà + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Mauro Cannistrà

+
+
+
+
+ + +
+
+
+ + +
+ + + +
+
+
+ +
+
+

L'ingegno al servizio dell'ambiente

+
+

+ + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ aprile 25, 2021 +

+ +
+ +

Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?

+

Continua lettura +

+ +
+
+
+ +
+
+
+ +
+
+

THE QUIETEST STARTING LINE

+
+

+ + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ marzo 31, 2021 +

+ +
+ +

Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le origini delle vetture elettriche che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?

+
+
+ +

Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della seconda rivoluzione industriale, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’Ing. Porsche che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.

+

Continua lettura +

+ +
+
+
+ +
+
+
+ +
+
+

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+
+

+ + Da Mauro Cannistrà + + + + in + + Team + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ marzo 16, 2021 +

+ +
+ +

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+

In prima posizione l’ingegno, quello messo dal team Zancle E-Drive (ZED) formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.

+

Parliamo proprio della Formula SAE, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.

+

Continua lettura +

+ +
+
+
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git "a/public/authors/mauro-cannistr\303\240/index.xml" "b/public/authors/mauro-cannistr\303\240/index.xml" new file mode 100644 index 0000000..7bc8e09 --- /dev/null +++ "b/public/authors/mauro-cannistr\303\240/index.xml" @@ -0,0 +1,33 @@ + + + + Mauro Cannistrà on Zancle E-Drive + /authors/mauro-cannistr%C3%A0/ + Recent content in Mauro Cannistrà on Zancle E-Drive + Hugo + en-us + Sun, 25 Apr 2021 22:00:00 +0000 + + + L'ingegno al servizio dell'ambiente + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + Sun, 25 Apr 2021 22:00:00 +0000 + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + <p>Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. <strong>Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?</strong></p> + + + THE QUIETEST STARTING LINE + /blog/2021/03/31/linked-post-copy-1/ + Wed, 31 Mar 2021 07:00:20 +0000 + /blog/2021/03/31/linked-post-copy-1/ + <p>Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le <strong>origini delle vetture elettriche</strong> che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?</p> <figure class="center"><img src="/img/2_1.png" width="100%"> </figure> <p>Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della <strong>seconda rivoluzione industriale</strong>, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’<strong>Ing. Porsche</strong> che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.</p> + + + TUTTI PRONTI SULLA GRIGLIA DI PARTENZA + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + Tue, 16 Mar 2021 08:00:00 +0000 + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + <h2 id="tutti-pronti-sulla-griglia-di-partenza">TUTTI PRONTI SULLA GRIGLIA DI PARTENZA</h2> <p>In prima posizione l’ingegno, quello messo dal team <strong>Zancle E-Drive (ZED)</strong> formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.</p> <p>Parliamo proprio della <strong>Formula SAE</strong>, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.</p> + + + diff --git "a/public/authors/mauro-cannistr\303\240/page/1/index.html" "b/public/authors/mauro-cannistr\303\240/page/1/index.html" new file mode 100644 index 0000000..077eda1 --- /dev/null +++ "b/public/authors/mauro-cannistr\303\240/page/1/index.html" @@ -0,0 +1,10 @@ + + + + /authors/mauro-cannistr%C3%A0/ + + + + + + diff --git a/public/authors/page/1/index.html b/public/authors/page/1/index.html new file mode 100644 index 0000000..ed2765e --- /dev/null +++ b/public/authors/page/1/index.html @@ -0,0 +1,10 @@ + + + + /authors/ + + + + + + diff --git a/public/blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/index.html b/public/blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/index.html new file mode 100644 index 0000000..15987ce --- /dev/null +++ b/public/blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/index.html @@ -0,0 +1,704 @@ + + + + + + + + + +TUTTI PRONTI SULLA GRIGLIA DI PARTENZA + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+
+
+
+
+ + +
+
+ +
+ + + +
+ + +

+ + Da Mauro Cannistrà + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + marzo 16, 2021 + +

+ + +
+

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+

In prima posizione l’ingegno, quello messo dal team Zancle E-Drive (ZED) formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.

+

Parliamo proprio della Formula SAE, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.

+

Ma in cosa consiste questa competizione? I vari atenei sfoggeranno le loro abilità tecniche-sportive nella progettazione di una vettura monoposto da competizione destinata ad una eventuale commercializzazione e in particolare, l’ateneo peloritano parteciperà nella classe 1D sviluppando una monoposto full elettric, che dovrà superare le varie prove statiche, dinamiche e di Trackdrive in modalità driverless.

+

La manifestazione nelle precedenti edizioni vanta sponsor come Abarth, Fiat Chrysler Automobiles, Dallara e Bosch, leader nel settore automotive, i quali assisteranno alle varie competizioni. Le innumerevoli squadre scenderanno in pista per misurare le competenze in ambito ingegneristico (nella fattispecie meccanica, elettronica e informatica), organizzazione, rispetto delle tempistiche, impegno ed economicità del progetto. Tutte caratteristiche fondamentali nel settore automotive e di conseguenza qualità ricercate dagli sponsor in questione che sono soliti individuare le varie risorse in ogni team. Pertanto, questa manifestazione sarà una ottima opportunità per l’ateneo messinese di farsi conoscere e perché no di stringere una possibile partnership con le più famose aziende nel settore automobilistico.

+

L’Università di Messina schiera tra bulloni, chiavi inglesi, cpu, inverter e quant’altro, un gruppo di circa 40 ragazzi, provenienti da ben 5 corsi di laurea, guidati dal team manager Simone Rizzo (neoingegnere industriale con percorso in meccanica) e da 5 nei vari ambiti:

+
    +
  • Prof. Ing. Francesco Longo (esperto di modellazione analitica di sistemi distribuiti, Intenet of Things e sicurezza)
  • +
  • Prof. Ing. Luca Patanè (esperto in modellistica e controllo di sistemi complessi con applicazione nel campo della locomozione di robot bio-ispirati)
  • +
  • Ing. Emanuele Cardillo (esperto di componenti e circuiti a microonde/onde millimetriche e sistemi radar per applicazioni a corto raggio)
  • +
  • Prof. Ing. Giacomo Risitano (esperto di dinamica del veicolo, fatica dei materiali, componenti e sistemi meccanici)
  • +
  • Prof. Ing. Sebastian Brusca (esperto in gestione dell’energia, sistemi energetici innovativi, veicoli ibridi)
  • +
  • Prof. Ing. Filippo Cucinotta (esperto in modellazione virtuale e simulazioni meccaniche e fluidodinamiche)
  • +
+

Queste sono le figure che accompagneranno gli studenti peloritani nella realizzazione del progetto, consci già di una esperienza alle spalle con SIC (Stretto In Carena) nel Moto Student.

+

Vari sono i numerosi strumenti a disposizione del team, vantando una collaborazione con Ansys, Adams Car, Vi Grade e Siemens NX, tutti software di fondamentale importanza per la realizzazione della monoposto.

+

Zancle E-Drive ha già tirato sui gomiti, nonostante i vari impedimenti dovuti alla pandemia per via del Covid-19, con la realizzazione e la stampa di un prototipo in scala ridotta, per poter sperimentare le varie tecnologie da implementare sul modello finale da presentare nella Formula SAE in estate 2022, data che il team si prefigge come conseguimento del progetto.

+

Non essendoci solo la progettazione dietro questo gruppo di studenti ma una vera e propria azienda, Zancle E-Drive è in fase di sviluppo ed estende gli inviti a qualsiasi studente appartenente all’ateneo, che sia interessato o meno al mondo automobilistico, o all’aspetto informatico riguardo l’intelligenza artificiale od altri aspetti che riguardano da vicino la gestione manageriale dell’azienda. Ricordando, infine, “chiunque può essere un eroe” e “dietro ogni impresa di successo c’è qualcuno che ha preso una decisione coraggiosa.”

+

Mauro Cannistrà

+ +
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/blog/2021/03/31/linked-post-copy-1/index.html b/public/blog/2021/03/31/linked-post-copy-1/index.html new file mode 100644 index 0000000..fa2a3fd --- /dev/null +++ b/public/blog/2021/03/31/linked-post-copy-1/index.html @@ -0,0 +1,702 @@ + + + + + + + + + +THE QUIETEST STARTING LINE + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

THE QUIETEST STARTING LINE

+
+
+
+
+ + +
+
+ +
+ + + +
+ + +

+ + Da Mauro Cannistrà + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + marzo 31, 2021 + +

+ + +
+

Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le origini delle vetture elettriche che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?

+
+
+ +

Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della seconda rivoluzione industriale, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’Ing. Porsche che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.

+
+
+ +

Nel XX secolo nacque la prima auto ibrida che mescolava i vantaggi della trazione elettrica e del motore termico (usato appunto per ricaricare il pacco batterie); esistevano, però, alcuni punti critici. Un esempio era il surriscaldamento del veicolo all’avvio, in quanto vi era un elevato assorbimento di corrente dei motori a corrente continua allo spunto. Erano, infatti, necessari alcuni dispositivi come i controller che erano in grado di variare la tensione in 6/8 combinazioni che servivano ad avere delle caratteristiche di tensione e corrente utili nella fase di avvio, accelerazione, decelerazione e nella fase di inversione della marcia. La crisi energetica durante gli anni di piombo (1970) con il conseguente aumento del prezzo dei carburanti stimolò nuovamente lo sviluppo di una propulsione che limitasse l’uso di carburanti derivati dai combustibili fossili. In particolare in Italia un esempio di auto elettrica può essere fornito dalla X1/23, un prototipo di minivettura, tuttavia paragonabile in ogni dettaglio tecnico a un’automobile convenzionale del tempo, presentato dalla FIAT al Salone dell’Automobile del 1972. Grazie a dimensioni limitate e al trasporto di due passeggeri, fu possibile contenere la massa in soli 820 kg. Il motore elettrico, applicato all’asse anteriore, erogava 10 kW, in grado di offrire una velocità massima di 75 km/h. Con 166 kg di batterie al piombo, era possibile raggiungere un’autonomia di 70 km, giudicata appena sufficiente per l’uso urbano.

+
+
+ +

Nel 1997 Toyota, con la Prius, iniziò per prima, a commercializzare un’auto con questo schema propulsivo (motore elettrico + motore termico), riscuotendo grande successo (eletta auto green dell’anno). Le batterie inizialmente impiegate erano al piombo; in seguito, furono adottate quelle al NiMH, che consentivano un’autonomia di 260 km. Queste scelte tecniche segnarono un passo decisivo per il progresso dell’automobile elettrica definendo uno schema propulsivo particolarmente affidabile e leggero, ormai universalmente adottato anche nelle realizzazioni più moderne. Se poco di più può essere fatto per migliorare e rendere più economico il motore e la sua centralina, la tecnologia delle batterie appare essere l’elemento fondamentale su cui concentrare le ricerche in corso. Il parametro fondamentale di valutazione di una batteria è la sua capacità effettiva di accumulo, ossia l’energia contenuta riferita al suo peso che dovrà comprendere tutte le funzioni ausiliarie necessarie, come ad esempio le protezioni di sicurezza contro le collisioni e il ribaltamento, l’impianto di raffreddamento, i sistemi di controllo e ricarica. Si può constatare come la tecnologia del Litio-ione abbia già permesso di ridurre a un terzo il peso della batteria, rispetto alla tecnologia del Piombo, e anche come altre tecnologie siano già allo studio per ridurre ulteriormente il peso. Rimane, tuttavia, come insuperabile svantaggio, il tempo ben più lungo, impiegato per eseguire il rifornimento d’energia nel caso di una batteria rispetto a quello di un comune serbatoio di benzina.

+
+
+ +

Tornando ai giorni nostri, possiamo affermare che siamo alla vigilia della guida su strada nella sola modalità elettrica. Ad esempio si stanno sviluppando degli accumulatori, che costano sempre meno senza ridurre o addirittura garantire l’autonomia di un qualsiasi motore termico (col pieno di carburante). Così facendo si risolverà un’altra criticità delle vetture elettriche attuali ovvero garantire una percorrenza media decisamente migliore e pertanto utilizzare queste vetture anche per lunghi viaggi. Il colosso cinese CATL ha promesso di produrre delle batterie capaci di garantire una percorrenza totale di un milione di miglia e di durare per 16 anni prima di incontrare una decadenza significativa delle prestazioni. Entro il 2021 Toyota sarà svelato il primo prototipo costruito dal marchio giapponese (ormai leader nel settore delle vetture elettriche) equipaggiato con batterie al litio allo stato solido che sono in grado di ricaricarsi in 15 minuti. Un’altra scomodità è il rifornimento poiché sono pochi i modelli con ricarica veloce e sono altrettanto poche le stazioni che garantiscono dei tempi più ridotti. Per terminare questa panoramica, parliamo della Casa di Maranello, che nel 2025 lancerà la prima super sportiva a emissioni zero con quattro motori elettrici (uno per ruota e con trazione integrale) ognuno dei quali è completamente indipendente ed ha un asse direttamente connesso alla ruota motrice.

+ +
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/index.html b/public/blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/index.html new file mode 100644 index 0000000..61c7e41 --- /dev/null +++ b/public/blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/index.html @@ -0,0 +1,719 @@ + + + + + + + + + +L’ingegno al servizio dell’ambiente + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

L'ingegno al servizio dell'ambiente

+
+
+
+
+ + +
+
+ +
+ + + +
+ + +

+ + Da Mauro Cannistrà + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + aprile 25, 2021 + +

+ + +
+

Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?

+
+
+ +

Un motore elettrico è composto principalmente dallo statore e dal rotore che generano due campi magnetici la cui interazione produce la coppia motrice utile a far spostare il veicolo. Il rotore e lo statore sono entrambi alimentati dalla corrente tranne nel caso brushless (senza spazzole), in cui è solo lo statore ad essere alimentato con la corrente. I motori elettrici possono essere Asincroni e Sincroni e possono funzionare sia in corrente alternata (AC) sia in corrente continua (DC). La sostanziale differenza tra motori Asincroni e Sincroni sta nella differente velocità di rotazione del campo magnetico e quindi dell’albero motore, nel sincrono la velocità di rotazione è rigidamente vincolata alla frequenza della tensione di alimentazione mentre nel motore asincrono la velocità di rotazione dell’asse è comunque minore della velocità di rotazione del campo magnetico rotante legato alla frequenza della tensione di alimentazione. Lo statore solitamente ha 3 serie di avvolgimenti distribuiti mentre il rotore può essere costituito da avvolgimenti distribuiti oppure da magneti permanenti (nel caso dei motori brushless). Un’altra parte fondamentale del motore elettrico è il traferro che serve a consentire la rotazione libera e indipendente del rotore, non è altro che un sottile spessore di aria che funge anche da dielettrico Nel mondo automobilistico quale tipologia di motore è più usato?

+
+
+ +

Sulla maggior parte delle auto elettriche vengono utilizzati motori elettrici sincroni a magneti permanenti (brushless) perché devono lavorare con carichi variabili a diverse velocità e consumano meno corrente. Un caso a parte è la casa automobilistica Tesla Motors che sulle sue auto monta motori asincroni brushless.

+
+
+ +

Non solo la pioniera Tesla, ma anche marchi come Jaguar, Mercedes, Smart e Peugeot, si stanno muovendo verso le e-car e stanno investendo moltissimo su modelli ad energia elettrica. Il 2020 segnerà infatti un anno di passaggio netto per i listini di molte Case. Al di là della parte motoristica bisogna sicuramente menzionare l’elettronica di potenza. Quali sono i dispositivi che gestiscono il motore elettrico? Tra i vari dispositivi vi sono gli inverter, i quali ricevendo la corrente (Dc) dalla batteria dell’auto mettono in comunicazione il segnale del pedale dell’acceleratore con la posizione del rotore rispetto allo statore per dare un orientamento al campo magnetico, l’inverter regola frequenza e intensità della corrente da inviare allo statore. Ampliando il discorso sulla fase di decelerazione (fase di recupero), è presente un dispositivo definito raddrizzatore che converte la corrente alternata prodotta dal motore in corrente continua per ricaricare la batteria agli ioni di litio. Infine quali sono i vantaggi e gli svantaggi nell’usare un veicolo elettrico? Tra i vantaggi annoveriamo:

+
    +
  • Minori costi di manutenzione (data la sua semplicità costruttiva e la sua affidabilità)
  • +
  • Minori costi sul “pieno” (il costo della ricarica in Italia oscilla fra 0,4 e 0,5 euro al kWh)
  • +
  • Ridotto inquinamento acustico
  • +
  • Vantaggi amministrativi (risparmio su varie tasse)
  • +
  • Ridotte emissioni di CO2 nel contesto urbano
  • +
+

Tra gli svantaggi abbiamo:

+
    +
  • Costo elevato
  • +
  • Autonomia bassa
  • +
  • Pochi rifornimenti che abbiano la ricarica “veloce”
  • +
  • Smaltimento delle batterie esauste
  • +
  • Tempi di rifornimento lunghi (la maggior parte delle colonnine di ricarica pubblica installate da Enel sul territorio italiano hanno una potenza disponibile di 11 o 22 kW. Difficilmente, comunque, si affronteranno tempi lunghi per la ricarica di un’auto elettrica perché la maggior parte delle vetture può rigenerare la batteria sino all’80% anche in soli 30 minuti)
  • +
+

Il futuro delle auto è elettrico e i veicoli elettrici potrebbero salvare il pianeta. Non possiamo negare poi che un’auto elettrica non inquini durante il suo uso, ma in realtà si dovrebbe tenere conto di quello che viene definito inquinamento totale del veicolo che consta di voci come:

+
    +
  • Fonte che alimenta le batterie e che fornisce energia al motore
  • +
  • Emissioni generate dallo smaltimento degli accumulatori a fine vita
  • +
+

Non risulta quindi scontato eleggere un vincente tra auto elettriche e auto termiche. Il vecchio motore a combustione interna sta incassando vari colpi per via del trend sempre in crescita dei veicoli elettrici, che forse di green potrebbero avere ben poco.

+

-Mauro Cannistrà

+ +
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/index.html b/public/blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/index.html new file mode 100644 index 0000000..7a930a0 --- /dev/null +++ b/public/blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/index.html @@ -0,0 +1,687 @@ + + + + + + + + + +Uno sguardo al futuro l intelligenza artificiale + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Uno sguardo al futuro l intelligenza artificiale

+
+
+
+
+ + +
+
+ +
+ + + +
+ + +

+ + Da Giuseppe Mantineo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + maggio 12, 2021 + +

+ + +
+

Quando si parla di Intelligenza Artificiale (IA), si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L’Intelligenza Artificiale consente alle macchine di imparare dall’esperienza, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell’uomo, più nel dettaglio questa è un ramo dell’informatica che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di Rete neurale artificiale, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell’intelligenza artificiale, al momento, è che impara dai soli dati, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono estremamente specializzati, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: Machine learning, Deep Learning, Computer vision, Natural language processing e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea. L’Intelligenza Artificiale ad oggi rappresenta una realtà e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.

+ +
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/blog/index.html b/public/blog/index.html new file mode 100644 index 0000000..3e82c03 --- /dev/null +++ b/public/blog/index.html @@ -0,0 +1,927 @@ + + + + + + + + + +Blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Blog

+
+
+
+
+ + +
+
+
+ + +
+ + + +
+
+
+ +
+
+

Uno sguardo al futuro l intelligenza artificiale

+
+

+ + Da Giuseppe Mantineo + + + + in + + IA + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ maggio 12, 2021 +

+ +
+ +

Quando si parla di Intelligenza Artificiale (IA), si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L’Intelligenza Artificiale consente alle macchine di imparare dall’esperienza, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell’uomo, più nel dettaglio questa è un ramo dell’informatica che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di Rete neurale artificiale, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell’intelligenza artificiale, al momento, è che impara dai soli dati, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono estremamente specializzati, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: Machine learning, Deep Learning, Computer vision, Natural language processing e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea. L’Intelligenza Artificiale ad oggi rappresenta una realtà e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.

+

Continua lettura +

+ +
+
+
+ +
+
+
+ +
+
+

L'ingegno al servizio dell'ambiente

+
+

+ + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ aprile 25, 2021 +

+ +
+ +

Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?

+

Continua lettura +

+ +
+
+
+ +
+
+
+ +
+
+

THE QUIETEST STARTING LINE

+
+

+ + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ marzo 31, 2021 +

+ +
+ +

Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le origini delle vetture elettriche che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?

+
+
+ +

Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della seconda rivoluzione industriale, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’Ing. Porsche che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.

+

Continua lettura +

+ +
+
+
+ +
+
+
+ +
+
+

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+
+

+ + Da Mauro Cannistrà + + + + in + + Team + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ marzo 16, 2021 +

+ +
+ +

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+

In prima posizione l’ingegno, quello messo dal team Zancle E-Drive (ZED) formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.

+

Parliamo proprio della Formula SAE, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.

+

Continua lettura +

+ +
+
+
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/blog/index.xml b/public/blog/index.xml new file mode 100644 index 0000000..1e11465 --- /dev/null +++ b/public/blog/index.xml @@ -0,0 +1,40 @@ + + + + Blog on Zancle E-Drive + /blog/ + Recent content in Blog on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Uno sguardo al futuro l intelligenza artificiale + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + Wed, 12 May 2021 20:48:20 +0000 + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + <p>Quando si parla di <strong>Intelligenza Artificiale (IA)</strong>, si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L&rsquo;Intelligenza Artificiale consente alle macchine di <strong>imparare dall&rsquo;esperienza</strong>, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell&rsquo;uomo, più nel dettaglio questa è un <strong>ramo dell’informatica</strong> che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di <strong>Rete neurale artificiale</strong>, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell&rsquo;intelligenza artificiale, al momento, è che impara dai soli <strong>dati</strong>, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono <strong>estremamente specializzati</strong>, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: <strong>Machine learning, Deep Learning, Computer vision, Natural language processing</strong> e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle <strong>Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea</strong>. L’Intelligenza Artificiale ad oggi <strong>rappresenta una realtà</strong> e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.</p> + + + L'ingegno al servizio dell'ambiente + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + Sun, 25 Apr 2021 22:00:00 +0000 + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + <p>Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. <strong>Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?</strong></p> + + + THE QUIETEST STARTING LINE + /blog/2021/03/31/linked-post-copy-1/ + Wed, 31 Mar 2021 07:00:20 +0000 + /blog/2021/03/31/linked-post-copy-1/ + <p>Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le <strong>origini delle vetture elettriche</strong> che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?</p> <figure class="center"><img src="/img/2_1.png" width="100%"> </figure> <p>Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della <strong>seconda rivoluzione industriale</strong>, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’<strong>Ing. Porsche</strong> che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.</p> + + + TUTTI PRONTI SULLA GRIGLIA DI PARTENZA + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + Tue, 16 Mar 2021 08:00:00 +0000 + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + <h2 id="tutti-pronti-sulla-griglia-di-partenza">TUTTI PRONTI SULLA GRIGLIA DI PARTENZA</h2> <p>In prima posizione l’ingegno, quello messo dal team <strong>Zancle E-Drive (ZED)</strong> formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.</p> <p>Parliamo proprio della <strong>Formula SAE</strong>, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.</p> + + + diff --git a/public/blog/page/1/index.html b/public/blog/page/1/index.html new file mode 100644 index 0000000..b2ed088 --- /dev/null +++ b/public/blog/page/1/index.html @@ -0,0 +1,10 @@ + + + + /blog/ + + + + + + diff --git a/public/categories/electric-mobility/index.html b/public/categories/electric-mobility/index.html new file mode 100644 index 0000000..4a63599 --- /dev/null +++ b/public/categories/electric-mobility/index.html @@ -0,0 +1,829 @@ + + + + + + + + + +Electric Mobility + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Electric Mobility

+
+
+
+
+ + +
+
+
+ + +
+ + + +
+
+
+ +
+
+

L'ingegno al servizio dell'ambiente

+
+

+ + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ aprile 25, 2021 +

+ +
+ +

Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?

+

Continua lettura +

+ +
+
+
+ +
+
+
+ +
+
+

THE QUIETEST STARTING LINE

+
+

+ + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ marzo 31, 2021 +

+ +
+ +

Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le origini delle vetture elettriche che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?

+
+
+ +

Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della seconda rivoluzione industriale, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’Ing. Porsche che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.

+

Continua lettura +

+ +
+
+
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/categories/electric-mobility/index.xml b/public/categories/electric-mobility/index.xml new file mode 100644 index 0000000..6e95b13 --- /dev/null +++ b/public/categories/electric-mobility/index.xml @@ -0,0 +1,26 @@ + + + + Electric Mobility on Zancle E-Drive + /categories/electric-mobility/ + Recent content in Electric Mobility on Zancle E-Drive + Hugo + en-us + Sun, 25 Apr 2021 22:00:00 +0000 + + + L'ingegno al servizio dell'ambiente + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + Sun, 25 Apr 2021 22:00:00 +0000 + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + <p>Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. <strong>Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?</strong></p> + + + THE QUIETEST STARTING LINE + /blog/2021/03/31/linked-post-copy-1/ + Wed, 31 Mar 2021 07:00:20 +0000 + /blog/2021/03/31/linked-post-copy-1/ + <p>Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le <strong>origini delle vetture elettriche</strong> che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?</p> <figure class="center"><img src="/img/2_1.png" width="100%"> </figure> <p>Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della <strong>seconda rivoluzione industriale</strong>, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’<strong>Ing. Porsche</strong> che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.</p> + + + diff --git a/public/categories/electric-mobility/page/1/index.html b/public/categories/electric-mobility/page/1/index.html new file mode 100644 index 0000000..ad1e9fd --- /dev/null +++ b/public/categories/electric-mobility/page/1/index.html @@ -0,0 +1,10 @@ + + + + /categories/electric-mobility/ + + + + + + diff --git a/public/categories/ia/index.html b/public/categories/ia/index.html new file mode 100644 index 0000000..7d956fc --- /dev/null +++ b/public/categories/ia/index.html @@ -0,0 +1,755 @@ + + + + + + + + + +IA + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

IA

+
+
+
+
+ + +
+
+
+ + +
+ + + +
+
+
+ +
+
+

Uno sguardo al futuro l intelligenza artificiale

+
+

+ + Da Giuseppe Mantineo + + + + in + + IA + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ maggio 12, 2021 +

+ +
+ +

Quando si parla di Intelligenza Artificiale (IA), si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L’Intelligenza Artificiale consente alle macchine di imparare dall’esperienza, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell’uomo, più nel dettaglio questa è un ramo dell’informatica che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di Rete neurale artificiale, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell’intelligenza artificiale, al momento, è che impara dai soli dati, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono estremamente specializzati, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: Machine learning, Deep Learning, Computer vision, Natural language processing e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea. L’Intelligenza Artificiale ad oggi rappresenta una realtà e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.

+

Continua lettura +

+ +
+
+
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/categories/ia/index.xml b/public/categories/ia/index.xml new file mode 100644 index 0000000..90d60d8 --- /dev/null +++ b/public/categories/ia/index.xml @@ -0,0 +1,19 @@ + + + + IA on Zancle E-Drive + /categories/ia/ + Recent content in IA on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Uno sguardo al futuro l intelligenza artificiale + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + Wed, 12 May 2021 20:48:20 +0000 + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + <p>Quando si parla di <strong>Intelligenza Artificiale (IA)</strong>, si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L&rsquo;Intelligenza Artificiale consente alle macchine di <strong>imparare dall&rsquo;esperienza</strong>, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell&rsquo;uomo, più nel dettaglio questa è un <strong>ramo dell’informatica</strong> che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di <strong>Rete neurale artificiale</strong>, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell&rsquo;intelligenza artificiale, al momento, è che impara dai soli <strong>dati</strong>, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono <strong>estremamente specializzati</strong>, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: <strong>Machine learning, Deep Learning, Computer vision, Natural language processing</strong> e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle <strong>Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea</strong>. L’Intelligenza Artificiale ad oggi <strong>rappresenta una realtà</strong> e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.</p> + + + diff --git a/public/categories/ia/page/1/index.html b/public/categories/ia/page/1/index.html new file mode 100644 index 0000000..60e1097 --- /dev/null +++ b/public/categories/ia/page/1/index.html @@ -0,0 +1,10 @@ + + + + /categories/ia/ + + + + + + diff --git a/public/categories/index.html b/public/categories/index.html new file mode 100644 index 0000000..1854697 --- /dev/null +++ b/public/categories/index.html @@ -0,0 +1,637 @@ + + + + + + + + + +Categories + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Categories

+
+
+
+
+ + +
+
+
+ + +
+ + + + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/categories/index.xml b/public/categories/index.xml new file mode 100644 index 0000000..94d33e7 --- /dev/null +++ b/public/categories/index.xml @@ -0,0 +1,33 @@ + + + + Categories on Zancle E-Drive + /categories/ + Recent content in Categories on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + IA + /categories/ia/ + Wed, 12 May 2021 20:48:20 +0000 + /categories/ia/ + + + + Electric Mobility + /categories/electric-mobility/ + Sun, 25 Apr 2021 22:00:00 +0000 + /categories/electric-mobility/ + + + + Team + /categories/team/ + Tue, 16 Mar 2021 08:00:00 +0000 + /categories/team/ + + + + diff --git a/public/categories/page/1/index.html b/public/categories/page/1/index.html new file mode 100644 index 0000000..900d116 --- /dev/null +++ b/public/categories/page/1/index.html @@ -0,0 +1,10 @@ + + + + /categories/ + + + + + + diff --git a/public/categories/team/index.html b/public/categories/team/index.html new file mode 100644 index 0000000..a911248 --- /dev/null +++ b/public/categories/team/index.html @@ -0,0 +1,757 @@ + + + + + + + + + +Team + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Team

+
+
+
+
+ + +
+
+
+ + +
+ + + +
+
+
+ +
+
+

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+
+

+ + Da Mauro Cannistrà + + + + in + + Team + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

+ marzo 16, 2021 +

+ +
+ +

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+

In prima posizione l’ingegno, quello messo dal team Zancle E-Drive (ZED) formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.

+

Parliamo proprio della Formula SAE, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.

+

Continua lettura +

+ +
+
+
+ + + +
+ + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/categories/team/index.xml b/public/categories/team/index.xml new file mode 100644 index 0000000..4e9fa11 --- /dev/null +++ b/public/categories/team/index.xml @@ -0,0 +1,19 @@ + + + + Team on Zancle E-Drive + /categories/team/ + Recent content in Team on Zancle E-Drive + Hugo + en-us + Tue, 16 Mar 2021 08:00:00 +0000 + + + TUTTI PRONTI SULLA GRIGLIA DI PARTENZA + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + Tue, 16 Mar 2021 08:00:00 +0000 + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + <h2 id="tutti-pronti-sulla-griglia-di-partenza">TUTTI PRONTI SULLA GRIGLIA DI PARTENZA</h2> <p>In prima posizione l’ingegno, quello messo dal team <strong>Zancle E-Drive (ZED)</strong> formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.</p> <p>Parliamo proprio della <strong>Formula SAE</strong>, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.</p> + + + diff --git a/public/categories/team/page/1/index.html b/public/categories/team/page/1/index.html new file mode 100644 index 0000000..d226636 --- /dev/null +++ b/public/categories/team/page/1/index.html @@ -0,0 +1,10 @@ + + + + /categories/team/ + + + + + + diff --git a/public/contact/index.html b/public/contact/index.html new file mode 100644 index 0000000..bb70c55 --- /dev/null +++ b/public/contact/index.html @@ -0,0 +1,569 @@ + + + + + + + + + +Contact + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Contact

+
+
+
+
+ + +
+ + +
+ +
+
+ +
+ +

Contattaci

+

Non hai trovato la risposta alle tue domande tra le FAQ e vuoi saperne di più sul nostro progetto? Vuoi entrare a far parte del team?

+

Compila il form per contattarci!

+ + + + +
+

Modulo di contatto

+
+ +
+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+ + +
+ + +
+
+ +
+ + + +
+ +
+ +
+ + +
+ +

Indirizzo

+ +

Zancle E-Drive +
C.da Di Dio +
Vill. S. Agata +
98158 Messina (ME) +
Sicilia +
+ Italia +
+ Vieni a trovarci! +

+ + +
+ + + +
+ +
+ +
+ + + + + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/css/animate.css b/public/css/animate.css new file mode 100644 index 0000000..f784ce8 --- /dev/null +++ b/public/css/animate.css @@ -0,0 +1,3158 @@ +@charset "UTF-8"; +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license - http://opensource.org/licenses/MIT + +Copyright (c) 2014 Daniel Eden +*/ + +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s; +} + +@-webkit-keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +@keyframes bounce { + 0%, 20%, 53%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + -webkit-transform: translate3d(0,0,0); + transform: translate3d(0,0,0); + } + + 40%, 43% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -30px, 0); + transform: translate3d(0, -30px, 0); + } + + 70% { + -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); + -webkit-transform: translate3d(0, -15px, 0); + transform: translate3d(0, -15px, 0); + } + + 90% { + -webkit-transform: translate3d(0,-4px,0); + transform: translate3d(0,-4px,0); + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce; + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom; +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1; + } + + 25%, 75% { + opacity: 0; + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 50% { + -webkit-transform: scale3d(1.05, 1.05, 1.05); + transform: scale3d(1.05, 1.05, 1.05); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse; +} + +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes rubberBand { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 30% { + -webkit-transform: scale3d(1.25, 0.75, 1); + transform: scale3d(1.25, 0.75, 1); + } + + 40% { + -webkit-transform: scale3d(0.75, 1.25, 1); + transform: scale3d(0.75, 1.25, 1); + } + + 50% { + -webkit-transform: scale3d(1.15, 0.85, 1); + transform: scale3d(1.15, 0.85, 1); + } + + 65% { + -webkit-transform: scale3d(.95, 1.05, 1); + transform: scale3d(.95, 1.05, 1); + } + + 75% { + -webkit-transform: scale3d(1.05, .95, 1); + transform: scale3d(1.05, .95, 1); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand; +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } + + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 20%, 40%, 60%, 80% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake; +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate3d(0, 0, 1, 15deg); + transform: rotate3d(0, 0, 1, 15deg); + } + + 40% { + -webkit-transform: rotate3d(0, 0, 1, -10deg); + transform: rotate3d(0, 0, 1, -10deg); + } + + 60% { + -webkit-transform: rotate3d(0, 0, 1, 5deg); + transform: rotate3d(0, 0, 1, 5deg); + } + + 80% { + -webkit-transform: rotate3d(0, 0, 1, -5deg); + transform: rotate3d(0, 0, 1, -5deg); + } + + 100% { + -webkit-transform: rotate3d(0, 0, 1, 0deg); + transform: rotate3d(0, 0, 1, 0deg); + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing; +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } + + 10%, 20% { + -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); + } + + 30%, 50%, 70%, 90% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); + } + + 40%, 60%, 80% { + -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); + } + + 100% { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes wobble { + 0% { + -webkit-transform: none; + transform: none; + } + + 15% { + -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); + } + + 30% { + -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); + } + + 45% { + -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); + } + + 60% { + -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); + } + + 75% { + -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble; +} + +@-webkit-keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInDown { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -3000px, 0); + transform: translate3d(0, -3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, 25px, 0); + transform: translate3d(0, 25px, 0); + } + + 75% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown; +} + +@-webkit-keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInLeft { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(-3000px, 0, 0); + transform: translate3d(-3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(25px, 0, 0); + transform: translate3d(25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(5px, 0, 0); + transform: translate3d(5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} + +@-webkit-keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +@keyframes bounceInRight { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(3000px, 0, 0); + transform: translate3d(3000px, 0, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(-25px, 0, 0); + transform: translate3d(-25px, 0, 0); + } + + 75% { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); + } + + 90% { + -webkit-transform: translate3d(-5px, 0, 0); + transform: translate3d(-5px, 0, 0); + } + + 100% { + -webkit-transform: none; + transform: none; + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight; +} + +@-webkit-keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +@keyframes bounceInUp { + 0%, 60%, 75%, 90%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 3000px, 0); + transform: translate3d(0, 3000px, 0); + } + + 60% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 75% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 90% { + -webkit-transform: translate3d(0, -5px, 0); + transform: translate3d(0, -5px, 0); + } + + 100% { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp; +} + +@-webkit-keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +@keyframes bounceOut { + 20% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 50%, 55% { + opacity: 1; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes bounceOutDown { + 20% { + -webkit-transform: translate3d(0, 10px, 0); + transform: translate3d(0, 10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, -20px, 0); + transform: translate3d(0, -20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} + +@-webkit-keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes bounceOutLeft { + 20% { + opacity: 1; + -webkit-transform: translate3d(20px, 0, 0); + transform: translate3d(20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} + +@-webkit-keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes bounceOutRight { + 20% { + opacity: 1; + -webkit-transform: translate3d(-20px, 0, 0); + transform: translate3d(-20px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} + +@-webkit-keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes bounceOutUp { + 20% { + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0); + } + + 40%, 45% { + opacity: 1; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} + +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn; +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown; +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} + +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut; +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, 2000px, 0); + transform: translate3d(0, 2000px, 0); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(-2000px, 0, 0); + transform: translate3d(-2000px, 0, 0); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(2000px, 0, 0); + transform: translate3d(2000px, 0, 0); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -100%, 0); + transform: translate3d(0, -100%, 0); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(0, -2000px, 0); + transform: translate3d(0, -2000px, 0); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + transform: perspective(400px) rotate3d(0, 1, 0, -360deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 40% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + } + + 50% { + -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 80% { + -webkit-transform: perspective(400px) scale3d(.95, .95, .95); + transform: perspective(400px) scale3d(.95, .95, .95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip; +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + transform: perspective(400px) rotate3d(1, 0, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + transform: perspective(400px) rotate3d(1, 0, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX; +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + transform: perspective(400px) rotate3d(0, 1, 0, -20deg); + -webkit-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + 60% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + transform: perspective(400px) rotate3d(0, 1, 0, 10deg); + opacity: 1; + } + + 80% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + transform: perspective(400px) rotate3d(0, 1, 0, -5deg); + } + + 100% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY; +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + transform: perspective(400px) rotate3d(1, 0, 0, -20deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + transform: perspective(400px) rotate3d(1, 0, 0, 90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-animation-duration: .75s; + animation-duration: .75s; + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px); + transform: perspective(400px); + } + + 30% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + transform: perspective(400px) rotate3d(0, 1, 0, -15deg); + opacity: 1; + } + + 100% { + -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + transform: perspective(400px) rotate3d(0, 1, 0, 90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY; + -webkit-animation-duration: .75s; + animation-duration: .75s; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +@keyframes lightSpeedOut { + 0% { + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); + transform: translate3d(100%, 0, 0) skewX(30deg); + opacity: 0; + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, -200deg); + transform: rotate3d(0, 0, 1, -200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn; +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -90deg); + transform: rotate3d(0, 0, 1, -90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center; + transform-origin: center; + opacity: 1; + } + + 100% { + -webkit-transform-origin: center; + transform-origin: center; + -webkit-transform: rotate3d(0, 0, 1, 200deg); + transform: rotate3d(0, 0, 1, 200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut; +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, 45deg); + transform: rotate3d(0, 0, 1, 45deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate3d(0, 0, 1, -45deg); + transform: rotate3d(0, 0, 1, -45deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate3d(0, 0, 1, 90deg); + transform: rotate3d(0, 0, 1, 90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +@keyframes hinge { + 0% { + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 20%, 60% { + -webkit-transform: rotate3d(0, 0, 1, 80deg); + transform: rotate3d(0, 0, 1, 80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + } + + 40%, 80% { + -webkit-transform: rotate3d(0, 0, 1, 60deg); + transform: rotate3d(0, 0, 1, 60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1; + } + + 100% { + -webkit-transform: translate3d(0, 700px, 0); + transform: translate3d(0, 700px, 0); + opacity: 0; + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn; +} + +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut; +} + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 50% { + opacity: 1; + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn; +} + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown; +} + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft; +} + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight; +} + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp; +} + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +@keyframes zoomOut { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 100% { + opacity: 0; + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut; +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown; +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); + transform: scale(.1) translate3d(-2000px, 0, 0); + -webkit-transform-origin: left center; + transform-origin: left center; + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft; +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.1) translate3d(2000px, 0, 0); + transform: scale(.1) translate3d(2000px, 0, 0); + -webkit-transform-origin: right center; + transform-origin: right center; + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight; +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); + -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); + } + + 100% { + opacity: 0; + -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); + -webkit-transform-origin: center bottom; + transform-origin: center bottom; + -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp; +} + +@-webkit-keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInDown { + 0% { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown; +} + +@-webkit-keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInLeft { + 0% { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft; +} + +@-webkit-keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +@keyframes slideInRight { + 0% { + -webkit-transform: translateX(100%); + transform: translateX(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight; +} + +@-webkit-keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +@keyframes slideInUp { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%); + visibility: visible; + } + + 100% { + -webkit-transform: translateY(0); + transform: translateY(0); + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp; +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown; +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft; +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateX(100%); + transform: translateX(100%); + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight; +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0); + } + + 100% { + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp; +} diff --git a/public/css/custom.css b/public/css/custom.css new file mode 100644 index 0000000..d54440a --- /dev/null +++ b/public/css/custom.css @@ -0,0 +1,16 @@ +/* your styles go here */ +/* Example site test */ + +.box-image-text .image { + min-height: 190px; + max-height: 190px; +} + +.box-image-text .image img { + max-height: 190px; + margin: auto; +} + +.box-simple { + min-height: 230px; +} diff --git a/public/css/owl.carousel.css b/public/css/owl.carousel.css new file mode 100644 index 0000000..87a05f0 --- /dev/null +++ b/public/css/owl.carousel.css @@ -0,0 +1,69 @@ +/* + * Core Owl Carousel CSS File + * v1.3.2 + */ +/* clearfix */ +.owl-carousel .owl-wrapper:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +/* display none until init */ +.owl-carousel{ + display: none; + position: relative; + width: 100%; + -ms-touch-action: pan-y; +} +.owl-carousel .owl-wrapper{ + display: none; + position: relative; + -webkit-transform: translate3d(0px, 0px, 0px); +} +.owl-carousel .owl-wrapper-outer{ + overflow: hidden; + position: relative; + width: 100%; +} +.owl-carousel .owl-wrapper-outer.autoHeight{ + -webkit-transition: height 500ms ease-in-out; + -moz-transition: height 500ms ease-in-out; + -ms-transition: height 500ms ease-in-out; + -o-transition: height 500ms ease-in-out; + transition: height 500ms ease-in-out; +} + +.owl-carousel .owl-item{ + float: left; +} +.owl-controls .owl-page, +.owl-controls .owl-buttons div{ + cursor: pointer; +} +.owl-controls { + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* mouse grab icon */ +.grabbing { + cursor:url(/img/grabbing.png) 8 8, move; +} + +/* fix */ +.owl-carousel .owl-wrapper, +.owl-carousel .owl-item{ + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -webkit-transform: translate3d(0,0,0); + -moz-transform: translate3d(0,0,0); + -ms-transform: translate3d(0,0,0); +} diff --git a/public/css/owl.theme.css b/public/css/owl.theme.css new file mode 100644 index 0000000..7a43668 --- /dev/null +++ b/public/css/owl.theme.css @@ -0,0 +1,68 @@ +/* +* Owl Carousel Owl Demo Theme +* v1.3.2 +*/ +.owl-theme .owl-controls{ + margin-top: 10px; + text-align: center; +} + +/* Styling Next and Prev buttons */ + +.owl-theme .owl-controls .owl-buttons div{ + display: inline-block; + zoom: 1; + *display: inline;/*IE7 life-saver */ +} +/* Clickable class fix problem with hover on touch devices */ +/* Use it for non-touch hover action */ +.owl-theme .owl-controls.clickable .owl-buttons div:hover{ + filter: Alpha(Opacity=100);/*IE7 fix*/ + opacity: 1; + text-decoration: none; +} + +/* Styling Pagination*/ + +.owl-theme .owl-controls .owl-page{ + display: inline-block; + zoom: 1; + *display: inline;/*IE7 life-saver */ +} +.owl-theme .owl-controls .owl-page span{ + display: block; + width: 12px; + height: 12px; + margin: 5px 7px; + filter: Alpha(Opacity=50);/*IE7 fix*/ + opacity: 0.5; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + background: #869791; +} + +.owl-theme .owl-controls .owl-page.active span, +.owl-theme .owl-controls.clickable .owl-page:hover span{ + filter: Alpha(Opacity=100);/*IE7 fix*/ + opacity: 1; +} + +/* If PaginationNumbers is true */ + +.owl-theme .owl-controls .owl-page span.owl-numbers{ + height: auto; + width: auto; + color: #FFF; + padding: 2px 10px; + font-size: 12px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; +} + +/* preloading images */ +.owl-item.loading{ + min-height: 150px; + background: url(AjaxLoader.gif) no-repeat center center +} diff --git a/public/css/style.blue.css b/public/css/style.blue.css new file mode 100644 index 0000000..7c16603 --- /dev/null +++ b/public/css/style.blue.css @@ -0,0 +1,3581 @@ +/* Themed colors */ +:root { + --primary-accent: #467fbf; + --navbar-border-top: #294d76; + --button-border: #336194; + --link-focus: #2f5a89; + --form-shadow: rgba(70, 127, 191, 0.6); + --pagination-bg: #b8cee6; + --link-hover-bg: #36669c; + --navbar-focus: #92b3d9; +} + +.clearfix:before, +.clearfix:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after { + content: " "; + display: table; +} +.clearfix:after, +.navbar:after, +.navbar-header:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/* general styles */ +a, +button { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.clickable { + cursor: pointer !important; +} +.required { + color: var(--primary-accent); +} +.accent { + color: var(--primary-accent); +} +.text-uppercase { + text-transform: uppercase; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .text-center-sm { + text-align: center; + } +} +p.lead { + margin-bottom: 40px; +} +section, +div.section { + margin-bottom: 40px; +} +.no-mb { + margin-bottom: 0 !important; +} +.mb-small { + margin-bottom: 20px !important; +} +.heading { + margin-bottom: 40px; +} +.heading h1, +.heading h2, +.heading h3, +.heading h4, +.heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; + vertical-align: middle; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.heading h1 i[class^="fa"], +.heading h2 i[class^="fa"], +.heading h3 i[class^="fa"], +.heading h4 i[class^="fa"], +.heading h5 i[class^="fa"] { + display: inline-block; + background: var(--primary-accent); + width: 30px; + height: 30px; + vertical-align: middle; + text-align: center; + color: #fff; + font-size: 12px; + line-height: 30px; + border-radius: 15px; +} +.icon { + display: inline-block; + width: 80px; + height: 80px; + color: #fff; + line-height: 80px; + border-radius: 40px; + border: solid 1px #fff; + font-size: 20px; +} +.icon.icon-lg { + font-size: 30px; + border-width: 2px; +} +.ul-icons { + padding-left: 10px; +} +.ul-icons li { + list-style-type: none; + line-height: 20px; + margin-bottom: 20px; +} +.ul-icons li i { + width: 20px; + height: 20px; + background: var(--primary-accent); + color: #fff; + text-align: center; + border-radius: 10px; + line-height: 20px; + margin-right: 10px; +} +ul.list-style-none { + list-style: none; +} +#text-page h1, +#text-page h2, +#text-page h3 { + font-weight: 700; +} +#error-page { + text-align: center; + margin-top: 40px; + margin-bottom: 100px; +} +#error-page h4 { + margin-bottom: 40px; +} +#error-page p.buttons { + margin-top: 40px; +} +.pages-listing .item { + text-align: center; +} +.pages-listing .item h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 20px; + letter-spacing: 0.08em; +} +.pages-listing .item h3 a { + color: #555555; +} +.pages-listing .item .text { + margin-bottom: 20px; +} +.pages-listing .item .text p { + color: #999999; + font-size: 12px; + margin-bottom: 20px; +} +.banner { + margin-bottom: 30px; + text-align: center; +} +.banner img { + margin: 0 auto; +} +.banner a:hover img { + opacity: 0.8; + filter: alpha(opacity=80); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.pages { + text-align: center; +} +.pages .loadMore { + text-align: center; +} +.pages .pagination { + text-align: center; +} +.features-buttons button { + margin-bottom: 20px; +} +@media (min-width: 1300px) { + body.boxed { + background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png); + } + body.boxed #all { + position: relative; + background: #fff; + width: 1200px; + margin: 0 auto; + overflow: hidden; + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; + } +} +#top { + background: #555555; + color: #eeeeee; + padding: 10px 0; +} +#top p { + margin: 0; + font-size: 12px; +} +#top .social { + float: right; + text-align: right; +} +#top .social a { + color: #999999; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 12px; + line-height: 24px; + font-size: 12px; + text-align: center; +} +#top .social a:hover { + color: #fff; + background: var(--primary-accent); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +#top .social a:hover.facebook { + background-color: #4460ae; +} +#top .social a:hover.gplus { + background-color: #c21f25; +} +#top .social a:hover.twitter { + background-color: #3cf; +} +#top .social a:hover.instagram { + background-color: #cd4378; +} +#top .social a:hover.email { + background-color: #4a7f45; +} +#top .login { + float: right; +} +#top .login a { + font-size: 12px; + color: #eeeeee; + margin-right: 15px; + text-decoration: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.10em; +} +@media (max-width: 767px) { + #top .login { + float: left; + } +} +#top.light { + background: #fff; + color: #999999; + border-bottom: solid 1px #eeeeee; +} +#top.light .login a { + color: #555555; +} +.navbar { + border: none; +} +.navbar ul.nav > li > a { + text-transform: uppercase; + text-decoration: underline; + font-weight: bold; + letter-spacing: 0.08em; + border-top: solid 5px transparent; +} +.navbar ul.nav > li > a:hover { + border-top: solid 5px var(--primary-accent); +} +.navbar ul.nav > li.active > a, +.navbar ul.nav > li.open > a { + text-decoration: none !important; + border-top: solid 5px var(--navbar-border-top); +} +@media (max-width: 768px) { + .navbar ul.nav > li.active > a, + .navbar ul.nav > li.open > a { + border-top-color: transparent; + } + .navbar ul.nav > li > a:hover { + border-top-color: transparent; + } +} +.navbar.navbar-light ul.nav > li.active > a { + border-top: solid 5px var(--navbar-border-top); + background: #fff !important; + color: #555555 !important; +} +.navbar.navbar-light ul.nav > li.active > a:hover { + border-top: solid 5px var(--navbar-border-top); +} +.navbar.navbar-light ul.nav > li > a:hover, +.navbar.navbar-light ul.nav > li.open > a:hover, +.navbar.navbar-light ul.nav > li > a:focus, +.navbar.navbar-light ul.nav > li.open > a:focus { + border-top: solid 5px var(--primary-accent); + background: #fff !important; + color: #555555 !important; +} +.navbar ul.dropdown-menu { + margin: 0; + padding: 0; +} +.navbar ul.dropdown-menu li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 4px 0; +} +.navbar ul.dropdown-menu li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + left: 0; +} +.navbar ul.dropdown-menu li a:hover { + color: var(--primary-accent); + text-decoration: none; + background: none; + left: 2px; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .navbar ul.dropdown-menu li a:hover { + left: 0; + } +} +.navbar .yamm-content h3 { + font-size: 18px; + text-transform: uppercase; + padding-bottom: 10px; + margin-top: 5px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +@media (max-width: 767px) { + .navbar .yamm-content h3 { + font-size: 14px; + } +} +.navbar .yamm-content h5 { + text-transform: uppercase; + padding-bottom: 10px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +.navbar .yamm-content ul { + margin: 0; + padding: 0; +} +.navbar .yamm-content ul li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + padding: 4px 0; +} +.navbar .yamm-content ul li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.navbar .yamm-content ul li a:hover { + color: var(--primary-accent); + text-decoration: none; + padding-left: 2px; +} +.navbar .yamm-content .banner { + margin-bottom: 10px; +} +.navbar .yamm-fw .dropdown-menu { + padding: 0; +} +.navbar .navbar-buttons { + float: right; +} +.navbar .navbar-buttons button, +.navbar .navbar-buttons a.btn, +.navbar .navbar-buttons .btn-default.navbar-toggle { + margin-top: 11px; + margin-bottom: 11px; + margin-left: 0; + margin-right: 5px; +} +.navbar .btn-default, +.navbar .btn-default.navbar-toggle { + color: #999999; + background-color: #fff; + margin-left: 7px; + margin-right: 0; +} +.navbar .btn-default:hover, +.navbar .btn-default.navbar-toggle:hover, +.navbar .btn-default:focus, +.navbar .btn-default.navbar-toggle:focus { + background-color: #fff; + border-color: var(--primary-accent); + color: var(--primary-accent); +} +.navbar #search { + clear: both; + border-top: solid 1px var(--primary-accent); + text-align: right; +} +.navbar #search form { + float: right; +} +.navbar #search form .input-group { + width: 500px; +} +@media (max-width: 768px) { + .navbar #search form .input-group { + width: 100%; + } +} +.navbar #basket-overview a { + margin-left: 7px; +} +.navbar-affixed-top { + top: 0; + z-index: 1000; + width: 100%; +} +.navbar-affixed-top.affix { + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; +} +.navbar-affixed-top.affix + section { + margin-top: 62px; +} +@supports (position: sticky) { + .navbar-affixed-top { + position: sticky; + } + .navbar-affixed-top.affix + section { + margin-top: 0; + } +} +#login-modal { + overflow: hidden; +} +#login-modal .modal-header h4 { + text-transform: uppercase; +} +#login-modal form { + margin-bottom: 20px; +} +#login-modal a { + color: var(--primary-accent); +} +#login-modal p { + font-weight: 300; + margin-bottom: 20px; + font-size: 13px; +} +/* buttons */ +.btn { + font-weight: 700; + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + border-radius: 0; +} +.input-group .btn { + font-size: 14px; +} +.btn-lg { + padding: 10px 16px; + font-size: 14px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-template-main { + color: var(--primary-accent); + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + color: var(--primary-accent); + background-color: #e6e6e6; + border-color: var(--button-border); +} +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + background-image: none; +} +.btn-template-main.disabled, +.btn-template-main[disabled], +fieldset[disabled] .btn-template-main, +.btn-template-main.disabled:hover, +.btn-template-main[disabled]:hover, +fieldset[disabled] .btn-template-main:hover, +.btn-template-main.disabled:focus, +.btn-template-main[disabled]:focus, +fieldset[disabled] .btn-template-main:focus, +.btn-template-main.disabled:active, +.btn-template-main[disabled]:active, +fieldset[disabled] .btn-template-main:active, +.btn-template-main.disabled.active, +.btn-template-main[disabled].active, +fieldset[disabled] .btn-template-main.active { + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main .badge { + color: #ffffff; + background-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active { + background: var(--primary-accent); + color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-transparent-primary { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + background-image: none; +} +.btn-template-transparent-primary.disabled, +.btn-template-transparent-primary[disabled], +fieldset[disabled] .btn-template-transparent-primary, +.btn-template-transparent-primary.disabled:hover, +.btn-template-transparent-primary[disabled]:hover, +fieldset[disabled] .btn-template-transparent-primary:hover, +.btn-template-transparent-primary.disabled:focus, +.btn-template-transparent-primary[disabled]:focus, +fieldset[disabled] .btn-template-transparent-primary:focus, +.btn-template-transparent-primary.disabled:active, +.btn-template-transparent-primary[disabled]:active, +fieldset[disabled] .btn-template-transparent-primary:active, +.btn-template-transparent-primary.disabled.active, +.btn-template-transparent-primary[disabled].active, +fieldset[disabled] .btn-template-transparent-primary.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active { + background: #fff; + color: var(--primary-accent); + border-color: #fff; +} +.btn-template-transparent-black { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + background-image: none; +} +.btn-template-transparent-black.disabled, +.btn-template-transparent-black[disabled], +fieldset[disabled] .btn-template-transparent-black, +.btn-template-transparent-black.disabled:hover, +.btn-template-transparent-black[disabled]:hover, +fieldset[disabled] .btn-template-transparent-black:hover, +.btn-template-transparent-black.disabled:focus, +.btn-template-transparent-black[disabled]:focus, +fieldset[disabled] .btn-template-transparent-black:focus, +.btn-template-transparent-black.disabled:active, +.btn-template-transparent-black[disabled]:active, +fieldset[disabled] .btn-template-transparent-black:active, +.btn-template-transparent-black.disabled.active, +.btn-template-transparent-black[disabled].active, +fieldset[disabled] .btn-template-transparent-black.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active { + background: #fff; + color: #000; + border-color: #fff; +} +.btn-template-primary { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary:hover, +.btn-template-primary:focus, +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + color: #ffffff; + background-color: var(--link-hover-bg); + border-color: var(--button-border); +} +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + background-image: none; +} +.btn-template-primary.disabled, +.btn-template-primary[disabled], +fieldset[disabled] .btn-template-primary, +.btn-template-primary.disabled:hover, +.btn-template-primary[disabled]:hover, +fieldset[disabled] .btn-template-primary:hover, +.btn-template-primary.disabled:focus, +.btn-template-primary[disabled]:focus, +fieldset[disabled] .btn-template-primary:focus, +.btn-template-primary.disabled:active, +.btn-template-primary[disabled]:active, +fieldset[disabled] .btn-template-primary:active, +.btn-template-primary.disabled.active, +.btn-template-primary[disabled].active, +fieldset[disabled] .btn-template-primary.active { + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +#intro { + background: url('../img/home.jpg') no-repeat center top; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#intro .item { + font-family: "Roboto", Helvetica, Arial, sans-serif; + height: 100%; +} +#intro .item h1 { + text-transform: uppercase; + font-size: 50px; + color: #fff; + margin-bottom: 40px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #intro .item h1 { + font-size: 40px; + } +} +@media (max-width: 767px) { + #intro .item h1 { + font-size: 25px; + } +} +#intro .item h3 { + color: #fff; + margin-bottom: 40px; +} +@media (max-width: 767px) { + #intro .item h3 { + font-size: 15px; + margin-bottom: 20px; + } +} +#intro .item .btn { + text-transform: none; +} +@media (max-width: 991px) { + #intro .item .btn { + font-size: 14px; + } +} +@media (max-width: 991px) { + #intro .item .carousel-caption { + left: 10%; + right: 10%; + } +} +#intro .container, +#intro .row { + height: 100%; + position: relative; +} +.jumbotron { + padding: 30px; + margin-bottom: 0; + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.jumbotron .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3, +.jumbotron p, +.jumbotron ul { + color: #fff; +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3 { + color: #ffffff; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.jumbotron p { + margin-bottom: 20px; + font-size: 21px; + font-weight: 400; +} +.jumbotron p.text-uppercase { + font-weight: 700; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; + z-index: 2; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 46px; + } +} +#categoryMenu h3 { + padding: 20px; + background: #f7f7f7; + margin: 0; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.panel.sidebar-menu h3 { + padding: 5px 0; + margin: 0; +} +.panel.sidebar-menu { + background: #fff; + margin: 0 0 20px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.panel.sidebar-menu .panel-heading { + text-transform: uppercase; + margin-bottom: 10px; + background: none; + padding: 0; + letter-spacing: 0.08em; + border-bottom: none; +} +.panel.sidebar-menu .panel-heading h1, +.panel.sidebar-menu .panel-heading h2, +.panel.sidebar-menu .panel-heading h3, +.panel.sidebar-menu .panel-heading h4, +.panel.sidebar-menu .panel-heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; +} +.panel.sidebar-menu .panel-heading .btn.btn-danger { + color: #fff; + margin-top: 5px; +} +.panel.sidebar-menu .panel-body { + padding: 0; +} +.panel.sidebar-menu .panel-body span.colour { + display: inline-block; + width: 15px; + height: 15px; + border: solid 1px #555555; + vertical-align: top; + margin-top: 2px; + margin-left: 5px; +} +.panel.sidebar-menu .panel-body span.colour.white { + background: #fff; +} +.panel.sidebar-menu .panel-body span.colour.red { + background: red; +} +.panel.sidebar-menu .panel-body span.colour.green { + background: green; +} +.panel.sidebar-menu .panel-body span.colour.blue { + background: blue; +} +.panel.sidebar-menu .panel-body span.colour.yellow { + background: yellow; +} +.panel.sidebar-menu .panel-body label { + color: #999999; + font-size: 12px; +} +.panel.sidebar-menu .panel-body label:hover { + color: #555555; +} +.panel.sidebar-menu ul.nav.category-menu { + margin-bottom: 20px; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.08em; +} +.panel.sidebar-menu ul.nav.category-menu li a { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.panel.sidebar-menu ul.nav ul { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.nav ul li { + display: block; +} +.panel.sidebar-menu ul.nav ul li a { + position: relative; + font-family: "Times New Roman", Times, serif; + font-weight: normal; + text-transform: none !important; + display: block; + padding: 10px 15px; + padding-left: 30px; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.nav ul li a:hover, +.panel.sidebar-menu ul.nav ul li a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.panel.sidebar-menu ul.tag-cloud { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.tag-cloud li { + display: inline-block; +} +.panel.sidebar-menu ul.tag-cloud li a { + display: inline-block; + padding: 5px; + border: solid 1px #eeeeee; + border-radius: 0; + color: var(--primary-accent); + margin: 5px 5px 5px 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 700; + font-size: 12px; + text-decoration: none; +} +.panel.sidebar-menu ul.tag-cloud li a:hover { + color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a { + color: #FFFFFF; + background-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a:hover { + color: #FFFFFF; +} +.panel.sidebar-menu ul.popular, +.panel.sidebar-menu ul.recent { + list-style: none; + padding-left: 0; + padding: 20px 0; +} +.panel.sidebar-menu ul.popular li, +.panel.sidebar-menu ul.recent li { + margin-bottom: 10px; + padding: 5px 0; + border-bottom: dotted 1px #eeeeee; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li img, +.panel.sidebar-menu ul.recent li img { + width: 50px; + margin-right: 10px; +} +.panel.sidebar-menu ul.popular li h5, +.panel.sidebar-menu ul.recent li h5 { + margin: 0 0 10px; +} +.panel.sidebar-menu ul.popular li h5 a, +.panel.sidebar-menu ul.recent li h5 a { + font-weight: normal; +} +.panel.sidebar-menu ul.popular li p.date, +.panel.sidebar-menu ul.recent li p.date { + float: right; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.popular li:last-child, +.panel.sidebar-menu ul.recent li:last-child { + border-bottom: none; +} +.panel.sidebar-menu .text-widget { + font-size: 12px; +} +.panel.sidebar-menu.with-icons ul.nav li a:after { + font-family: 'FontAwesome'; + content: "\f105"; + position: relative; + top: 0; + float: right; +} +/* ribbons for product sales etc. */ +.ribbon { + position: absolute; + top: 50px; + padding-left: 51px; + font-weight: 700; + letter-spacing: 0.08em; +} +.ribbon .ribbon-background { + position: absolute; + top: 0; + right: 0; +} +.ribbon .theribbon { + position: relative; + width: 80px; + padding: 6px 20px 6px 20px; + margin: 30px 10px 10px -71px; + color: #fff; + background-color: var(--primary-accent); + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.ribbon .theribbon:before, +.ribbon .theribbon:after { + content: ' '; + position: absolute; + width: 0; + height: 0; +} +.ribbon .theribbon:after { + left: 0px; + top: 100%; + border-width: 5px 10px; + border-style: solid; + border-color: #000000 #000000 transparent transparent; +} +.ribbon.sale { + top: 0; +} +.ribbon.new { + top: 50px; +} +.ribbon.new .theribbon { + background-color: #5bc0de; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.new .theribbon:after { + border-color: #2390b0 #2390b0 transparent transparent; +} +.ribbon.gift { + top: 100px; +} +.ribbon.gift .theribbon { + background-color: #5cb85c; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.gift .theribbon:after { + border-color: #357935 #357935 transparent transparent; +} +.owl-carousel .owl-controls .owl-page.active span, +.owl-theme .owl-controls .owl-page.active span, +.owl-carousel .owl-controls.clickable .owl-page:hover span, +.owl-theme .owl-controls.clickable .owl-page:hover span { + background: var(--primary-accent); +} +.owl-carousel .owl-controls .owl-buttons, +.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 5px; + right: 0; +} +.owl-carousel .owl-controls .owl-buttons div, +.owl-theme .owl-controls .owl-buttons div { + width: 26px; + height: 26px; + line-height: 25px; + margin: 0 5px 0 0; + font-size: 18px; + color: var(--primary-accent); + padding: 0; + background: #fff; + border-radius: 13px; + vertical-align: middle; + text-align: center; + opacity: 1; + filter: alpha(opacity=100); +} +.home-carousel { + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.home-carousel .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.home-carousel .owl-carousel { + padding-top: 60px; + padding-bottom: 20px; +} +.home-carousel .owl-theme .owl-controls .owl-page span { + background: #666; +} +.home-carousel .owl-theme .owl-controls .owl-page.active span { + background: #fff; +} +.home-carousel .owl-theme .owl-controls .owl-page:hover span { + background: #fff; +} +@media (max-width: 767px) { + .home-carousel { + text-align: center !important; + } +} +@media (min-width: 992px) { + .home-carousel .right { + text-align: right; + } +} +.home-carousel h1, +.home-carousel h2, +.home-carousel h3, +.home-carousel p, +.home-carousel ul { + color: #fff; +} +.home-carousel h1 { + font-weight: 700; + text-transform: uppercase; + font-size: 46px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .home-carousel h1 { + font-size: 36px; + } +} +.home-carousel h2 { + font-weight: 700; + text-transform: uppercase; + font-size: 40px; + letter-spacing: 0.08em; +} +.home-carousel ul, +.home-carousel p { + font-size: 18px; + font-weight: 700; + padding: 0; + text-transform: uppercase; + letter-spacing: 0.10em; +} +@media (max-width: 991px) { + .home-carousel ul, + .home-carousel p { + font-size: 14px; + } +} +.home-carousel ul li { + margin-bottom: 10px; +} +.customers { + padding: 0; + margin-bottom: 40px; +} +.customers .item { + list-style-type: none; + text-align: center; + margin: 0 20px; +} +.customers .item img { + display: inline-block; + filter: url("data:image/svg+xml;utf8,#grayscale"); + /* Firefox 10+, Firefox on Android */ + filter: gray; + /* IE6-9 */ + -webkit-filter: grayscale(100%); + /* Chrome 19+, Safari 6+, Safari 6+ iOS */ + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.customers .item img:hover { + max-width: auto; + filter: none; + -webkit-filter: none; +} +.testimonials { + padding: 0; + margin-bottom: 40px; +} +.testimonials .item { + list-style-type: none; + margin: 0 5px; + background: #fff; + padding-bottom: 60px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.testimonials .item .testimonial { + position: relative; + padding: 20px; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial .text { + color: #999999; + margin-bottom: 40px; +} +.testimonials .item .testimonial .bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + height: 50px; +} +.testimonials .item .testimonial .bottom .icon { + color: var(--primary-accent); + font-size: 30px; + float: left; + width: 20%; +} +.testimonials .item .testimonial .name-picture { + float: right; + width: 80%; + text-align: right; +} +.testimonials .item .testimonial .name-picture h5 { + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.testimonials .item .testimonial .name-picture p { + color: #999999; + margin: 0; + font-size: 12px; +} +.testimonials .item .testimonial .name-picture img { + float: right; + width: 60px; + border-radius: 30px; + margin-left: 10px; +} +.team-member { + text-align: center; + margin-bottom: 40px; +} +.team-member h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 5px; + letter-spacing: 0.08em; +} +.team-member h3 a { + color: #555555; +} +.team-member p.role { + color: #999999; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.team-member .social { + margin-bottom: 20px; +} +.team-member .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email { + background-color: #4a7f45; +} +.team-member .text p { + color: #999999; + font-size: 12px; +} +.team-member .social, +.team-member-detail .social { + margin-bottom: 20px; +} +.team-member .social a, +.team-member-detail .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i, +.team-member-detail .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook, +.team-member-detail .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus, +.team-member-detail .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter, +.team-member-detail .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram, +.team-member-detail .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email, +.team-member-detail .social a.email { + background-color: #4a7f45; +} +.box-simple { + text-align: center; + margin-bottom: 40px; +} +.box-simple .icon { + color: var(--primary-accent); + border-color: var(--primary-accent); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.box-simple h3 { + font-weight: normal; + font-size: 18px; + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-simple h3 a { + color: #555555; +} +.box-simple p { + color: #999999; +} +.box-simple:hover .icon { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.box-simple:hover .icon i { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.box-simple.box-white { + padding: 20px; + border: dotted 1px #999999; +} +.box-simple.box-white .icon { + color: #555555; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark { + padding: 20px; + border: dotted 1px #999999; + background: #555555; + color: #fff; +} +.box-simple.box-dark .icon { + color: #f7f7f7; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark h3 { + color: #fff; +} +.box-simple.box-dark h3 a { + color: #fff; +} +.box-simple.box-dark p { + color: #fff; +} +.box-image { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +.box-image-text { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image-text .top { + position: relative; + margin-bottom: 10px; +} +.box-image-text .top .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image-text .top .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .top .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image-text .top .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image-text .top .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .content h3, +.box-image-text .content h4 { + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-image-text .content p { + color: #999999; +} +.box-image-text:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image-text:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image-text:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +/* universal box */ +.box { + background: #fff; + margin: 0 0 30px; + border: solid 1px #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 0; + border-left: none; + border-right: none; +} +.box .box-header { + background: #f7f7f7; + margin: -20px 0 20px; + padding: 20px; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-footer { + background: #f7f7f7; + margin: 30px 0 -20px; + padding: 20px; + border-top: solid 1px #eeeeee; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +@media (max-width: 991px) { + .box .box-footer .btn { + margin-bottom: 20px; + } +} +.box.no-border { + border: none; +} +#heading-breadcrumbs { + background: url('../img/texture-bw.png') center center repeat; + padding: 20px 0; + margin-bottom: 40px; +} +#heading-breadcrumbs.no-mb { + margin-bottom: 0; +} +#heading-breadcrumbs h1 { + color: #333333; + text-transform: uppercase; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #heading-breadcrumbs h1 { + text-align: center; + } +} +#heading-breadcrumbs ul.breadcrumb { + margin-top: 5px; + margin-bottom: 0; +} +.bar { + position: relative; + background: var(--primary-accent); + padding: 60px 0; +} +.bar.background-pentagon { + background: url('../img/texture-bw.png') center center repeat; + border-top: solid 1px #999999; + border-bottom: solid 1px #999999; +} +.bar.background-gray { + background: #eeeeee; +} +.bar.background-gray-dark { + background: #555555; +} +.bar.background-white { + background: #fff; +} +.bar.background-image-fixed-1 { + background: url('../img/fixed-background-1.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.background-image-fixed-2 { + background: url('../img/fixed-background-2.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.color-white h1, +.bar.color-white h2, +.bar.color-white h3, +.bar.color-white h4, +.bar.color-white h5, +.bar.color-white h6, +.bar.color-white p { + color: #fff; +} +.bar.padding-big { + padding: 50px 0; +} +.bar.padding-horizontal { + padding-left: 30px; + padding-right: 30px; +} +.bar.margin-vertical { + margin-top: 20px; + margin-bottom: 20px; +} +.bar .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} +.portfolio.no-space { + padding: 0 15px; +} +.portfolio.no-space .box-image { + margin: 0 -15px; +} +.portfolio-project .project-more h4 { + color: #555555; + text-transform: uppercase; + margin-bottom: 0; + text-align: left; + font-size: 14px; + letter-spacing: 0.08em; +} +.portfolio-project .project-more p { + color: #999999; + padding: 10px 0; + margin-bottom: 20px; + text-align: left; +} +.portfolio-showcase { + margin: 15px 0 60px; +} +.portfolio-showcase h3 a { + text-transform: uppercase; + line-height: 1.5; + letter-spacing: 0.08em; +} +.portfolio-showcase p.lead { + color: #555555; + margin-bottom: 20px; +} +.portfolio-showcase p { + color: #999999; +} +.portfolio-showcase p.buttons { + margin-top: 40px; +} +.see-more { + text-align: center; + margin-top: 20px; + padding-top: 20px; +} +.see-more p { + font-size: 28px; + font-weight: 100; + margin-bottom: 20px; +} +.showcase .item { + text-align: center; +} +.showcase .item .icon { + display: inline-block; + width: 50px; + height: 50px; + color: #555555; + line-height: 50px; + border-radius: 25px; + border: solid 1px #555555; +} +.showcase .item h4 { + color: #555555; + text-transform: uppercase; + letter-spacing: 0.08em; + line-height: 1.5; + font-size: 16px; +} +.showcase .item h4 span { + font-weight: bold; + font-size: 51px; +} +.packages .package { + background: #fff; + margin-top: 25px; + margin-bottom: 20px; + padding-bottom: 15px; + text-align: center; + border: solid 1px var(--primary-accent); + overflow: hidden; +} +.packages .package .package-header { + height: 57px; + color: #fff; + line-height: 57px; + background: var(--primary-accent); +} +.packages .package .package-header h5 { + color: #fff; + text-transform: uppercase; + font-weight: bold; + line-height: 57px; + margin: 0; + letter-spacing: 0.08em; +} +.packages .package .package-header.light-gray { + background: #eeeeee; +} +.packages .package .package-header.light-gray h5 { + color: #555555; +} +.packages .package .price { + line-height: 120px; + height: 100px; + color: #fff; + font-weight: 400; +} +.packages .package .price h4 { + display: inline; + font-size: 50px; + line-height: normal; + margin-bottom: 0; +} +.packages .package .price .period { + line-height: normal; + color: #999999; +} +.packages .package ul { + padding: 0; +} +.packages .package ul li { + list-style-type: none; + padding-top: 10px; + padding-bottom: 10px; + width: 80%; + margin: auto; + border-bottom: 1px dotted #ccc; +} +.packages .package ul li:last-child { + border-bottom: 0; +} +.packages .package ul li i { + font-size: 13px; + margin-right: 5px; +} +.packages .best-value .package { + margin-top: 0; + padding-bottom: 40px; +} +.packages .best-value .package .package-header { + height: 72px; + padding-top: 17px; + height: 82px !important; +} +.packages .best-value .package .package-header h5 { + font-weight: bold; + line-height: 29px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.packages .best-value .package .package-header .meta-text { + font-size: 13px; + line-height: 15px; +} +#map { + height: 300px; +} +#map.with-border { + border-top: solid 1px var(--primary-accent); + border-bottom: solid 1px var(--primary-accent); +} +#blog-listing-big .post, +#blog-homepage .post { + margin-bottom: 60px; +} +#blog-listing-big .post h2, +#blog-homepage .post h2, +#blog-listing-big .post h4, +#blog-homepage .post h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#blog-listing-big .post h2 a, +#blog-homepage .post h2 a, +#blog-listing-big .post h4 a, +#blog-homepage .post h4 a { + color: #555555; +} +#blog-listing-big .post h2 a:hover, +#blog-homepage .post h2 a:hover, +#blog-listing-big .post h4 a:hover, +#blog-homepage .post h4 a:hover { + color: var(--primary-accent); +} +#blog-listing-big .post .author-category, +#blog-homepage .post .author-category { + color: #999999; + text-transform: uppercase; + font-weight: 300; + letter-spacing: 0.08em; +} +#blog-listing-big .post .author-category a, +#blog-homepage .post .author-category a { + font-weight: 500; +} +#blog-listing-big .post .date-comments a, +#blog-homepage .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-big .post .date-comments a:hover, +#blog-homepage .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-big .post .date-comments, + #blog-homepage .post .date-comments { + text-align: right; + } +} +#blog-listing-big .post .intro, +#blog-homepage .post .intro { + text-align: left; +} +#blog-listing-big .post .image, +#blog-homepage .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-big .post .image img, +#blog-homepage .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-big .post .image img.img-responsive, + #blog-homepage .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-big .post .video, +#blog-homepage .post .video { + margin-bottom: 10px; +} +#blog-listing-big .post .read-more, +#blog-homepage .post .read-more { + text-align: right; +} +#blog-listing-medium .post { + margin-bottom: 60px; +} +#blog-listing-medium .post h2 { + text-transform: uppercase; + margin: 0 0 10px; + font-size: 24px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post h2 a { + color: #555555; +} +#blog-listing-medium .post h2 a:hover { + color: var(--primary-accent); +} +#blog-listing-medium .post .author-category { + float: left; + color: #999999; + text-transform: uppercase; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post .author-category a { + font-weight: 500; +} +#blog-listing-medium .post .date-comments { + float: right; + font-size: 12px; +} +#blog-listing-medium .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-medium .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-medium .post .date-comments { + text-align: right; + } +} +#blog-listing-medium .post .intro { + text-align: left; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-medium .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-medium .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-medium .post .video { + margin-bottom: 10px; +} +#blog-listing-medium .post .read-more { + text-align: right; +} +.box-image-text.blog .author-category { + color: #999999; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 300; + font-size: 12px; +} +.box-image-text.blog .author-category a { + font-weight: 500; +} +.box-image-text.blog .intro { + text-align: left; + margin-bottom: 20px; +} +#blog-homepage .post { + margin-bottom: 30px; +} +#blog-homepage .post h2, +#blog-homepage .post h4, +#blog-homepage .post .author-category, +#blog-homepage .post .read-more { + text-align: center; +} +#blog-homepage .post .read-more { + margin-top: 20px; +} +#blog-post #post-content { + margin-bottom: 20px; +} +#blog-post #post-content img{ + max-width: 100%; + height: auto; + display: block; + margin: auto; +} +#blog-post .comment { + margin-bottom: 25px; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment .posted { + color: #999999; + font-size: 12px; +} +#blog-post .comment .reply { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#blog-post .comment.last { + margin-bottom: 0; +} +#blog-post #comments, +#blog-post #comment-form { + padding: 20px 0; + margin-top: 20px; + border-top: solid 1px #eeeeee; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments h4, +#blog-post #comment-form h4 { + margin-bottom: 20px; +} +#blog-post #comment-form { + margin-bottom: 20px; +} +.product { + background: #fff; + border-bottom: solid 1px #e6e6e6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 60px; + overflow: hidden; + text-align: center; +} +.product .image { + overflow: hidden; +} +.product .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .product .image img.img-responsive { + min-width: 100%; + } +} +.product .text { + padding: 10px; +} +.product .text h3 { + font-size: 14px; + font-weight: 700; + height: 39.6px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.product .text h3 a { + color: #555555; +} +.product .text h3 a:hover { + text-decoration: none; +} +.product .text p.price { + font-size: 18px; +} +.product .text p.price del { + color: #999999; +} +.product .buttons { + clear: both; + position: absolute; + display: none; + bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + border: solid 1px transparent; + padding: 20px; + background: rgba(255, 255, 255, 0.9); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + text-align: center; +} +.product .buttons .btn { + margin-bottom: 20px; +} +.product:hover { + border-bottom: solid 1px #808080; + top: 0; +} +.product:hover .buttons { + clear: both; + position: absolute; + top: 0; + background: rgba(255, 255, 255, 0.5); +} +.product:hover .image img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.goToDescription { + font-size: 12px; + text-align: center; + margin-bottom: 40px; +} +.goToDescription a { + color: #999999; + text-decoration: underline; +} +#productMain { + margin-bottom: 30px; +} +#productMain .sizes { + text-align: center; +} +#productMain .sizes h3 { + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + margin-bottom: 40px; +} +#productMain .sizes a { + display: inline-block; + width: 40px; + height: 40px; + border-radius: 40px; + background: #ccc; + line-height: 40px; + color: #555555; + text-align: center; + text-decoration: none; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#productMain .sizes a.active, +#productMain .sizes a:hover { + background: var(--primary-accent); + color: #fff; +} +#productMain .sizes input { + display: none; +} +#productMain .price { + font-size: 40px; + text-align: center; + margin-top: 40px; + margin-bottom: 40px; +} +#thumbs a { + display: block; + border: solid 1px transparent; +} +#thumbs a.active { + border-color: var(--primary-accent); +} +#product-social { + text-align: center; +} +#product-social h4 { + font-weight: 300; + margin-bottom: 10px; +} +#product-social p { + line-height: 26px; +} +#product-social p a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +#product-social p a i { + vertical-align: bottom; + line-height: 26px; +} +#product-social p a.facebook { + background-color: #4460ae; +} +#product-social p a.gplus { + background-color: #c21f25; +} +#product-social p a.twitter { + background-color: #3cf; +} +#product-social p a.instagram { + background-color: #cd4378; +} +#product-social p a.email { + background-color: #4a7f45; +} +@media (max-width: 991px) { + #product-social { + text-align: center; + } +} +#checkout .nav { + margin-bottom: 20px; + border-bottom: solid 1px var(--primary-accent); +} +#checkout .nav li { + height: 100%; +} +#checkout .nav li a { + display: block; + height: 100%; +} +#order-summary table { + margin-top: 20px; +} +#order-summary table td { + color: #999999; +} +#order-summary table tr.total td, +#order-summary table tr.total th { + font-size: 18px; + color: #555555; + font-weight: 700; +} +#checkout .table tbody tr td, +#basket .table tbody tr td, +#customer-order .table tbody tr td { + vertical-align: middle; +} +#checkout .table tbody tr td input, +#basket .table tbody tr td input, +#customer-order .table tbody tr td input { + width: 50px; + text-align: right; +} +#checkout .table tbody tr td img, +#basket .table tbody tr td img, +#customer-order .table tbody tr td img { + width: 50px; +} +#checkout .table tfoot, +#basket .table tfoot, +#customer-order .table tfoot { + font-size: 18px; +} +.shipping-method h4, +.payment-method h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#customer-orders table tr th, +#customer-orders table tr td { + vertical-align: baseline; +} +#customer-order .table tfoot th { + font-size: 18px; + font-weight: 300; +} +#customer-order .addresses { + text-align: right; + margin-bottom: 30px; +} +#customer-order .addresses p { + font-size: 18px; + font-weight: 300; +} +#customer-account { + margin-bottom: 30px; +} +#get-it { + background: var(--primary-accent); + padding: 50px 0 30px; + color: #fff; + text-align: center; +} +#get-it h1, +#get-it h2, +#get-it h3, +#get-it h4, +#get-it h5, +#get-it h6 { + color: #fff; + text-transform: uppercase; + letter-spacing: 0.08em; + margin: 0 0 20px; +} +#get-it p { + margin: 0 0 20px; +} +#footer { + background: #555555; + padding: 50px 0; + color: #999999; +} +#footer h1, +#footer h2, +#footer h3, +#footer h4, +#footer h5, +#footer h6 { + color: #eeeeee; +} +#footer h4 { + font-size: 14px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; +} +#footer ul { + padding-left: 0; + list-style: none; +} +#footer ul a { + color: #999999; +} +#footer ul a:hover { + color: var(--primary-accent); + text-decoration: none; +} +#footer .photostream div { + float: left; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 33%; + padding: 7.5px; + overflow: hidden; +} +#footer .photostream div a { + border: solid 1 px #eeeeee; +} +#footer .photostream div img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +#footer .photostream div:hover img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#footer .blog-entries .item { + clear: both; + padding: 5px 0; + margin-bottom: 10px; + border-bottom: solid 1px #555555; +} +#footer .blog-entries .item .image { + float: left; + width: 15%; + margin-right: 10px; +} +#footer .blog-entries .item .name { + width: 75%; + margin-left: 10px; + display: table-cell; + vertical-align: middle; +} +#footer .blog-entries .item .name h5 { + margin: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-size: 12px; +} +#footer .blog-entries .item .name h5 a { + color: #eeeeee; +} +#footer .blog-entries .item .text { + width: 100%; + clear: both; +} +#footer .blog-entries .item:last-child { + border-bottom: none; + margin-bottom: 0; +} +#footer .social a { + color: #555555; + font-size: 25px; + margin: 0 10px 0 0; +} +#footer .social a:hover { + color: var(--primary-accent); +} +#copyright { + background: #333; + color: #ccc; + padding: 50px 0; + font-size: 12px; + line-height: 28px; +} +#copyright p { + margin: 0; +} +@media (max-width: 991px) { + #copyright p { + float: none !important; + text-align: center; + margin-bottom: 10px; + } +} +[data-animate] { + opacity: 0; + filter: alpha(opacity=0); +} +#style-switch-button { + position: fixed; + top: 100px; + left: 0px; + border-radius: 0; +} +#style-switch { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 300px; + padding: 20px; + position: fixed; + top: 140px; + left: 0; + background: #fff; + border: solid 1px #eeeeee; +} +@media (max-width: 991px) { + #style-switch-button { + display: none; + } + #style-switch { + display: none; + } +} +/* Original Boostrap template overwrite */ +/* breadcrumbs */ +.breadcrumb { + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + background-color: none; + letter-spacing: 0.08em; +} +/* nav */ +.nav > li > a { + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: var(--primary-accent); +} +.nav-tabs { + border-bottom: 1px solid var(--primary-accent); +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee var(--primary-accent); +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content { + padding: 15px; + border: solid 1px #ddd; + border-top: none; +} +/* navbar */ +.navbar { + position: relative; + min-height: 62px; + margin-bottom: 0; + border-bottom: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-affixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-affixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 10px 15px; + font-size: 18px; + line-height: 20px; + height: 62px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand img { + max-height: 42px; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 14px; + margin-bottom: 14px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-nav { + margin: 10.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 21px; + padding-bottom: 21px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 14px; + margin-bottom: 14px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-btn.btn-sm { + margin-top: 16px; + margin-bottom: 16px; +} +.navbar-btn.btn-xs { + margin-top: 20px; + margin-bottom: 20px; +} +.navbar-text { + margin-top: 21px; + margin-bottom: 21px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #ffffff; + border-color: #cccccc; + border-bottom: none; +} +.navbar-default .navbar-brand { + color: #555555; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #3b3b3b; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #555555; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #555555; + background-color: var(--navbar-focus); +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: var(--primary-accent); +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #cccccc; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: var(--primary-accent); + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #555555; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #555555; +} +.navbar-default .navbar-link:hover { + color: #555555; +} +.navbar-default .btn-link { + color: #555555; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #555555; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc; +} +/* scaffolding */ +body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +a { + color: var(--primary-accent); + text-decoration: none; +} +a:hover, +a:focus { + color: var(--link-focus); + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.img-rounded { + border-radius: 0; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +/* breadcrumbs */ +.breadcrumb { + padding: 20px 0; + margin-bottom: 20px; + background-color: transparent; + border-radius: 0; + text-align: right; +} +.breadcrumb > li + li:before { + content: ">\00a0"; + color: #555555; +} +.breadcrumb > .active { + color: #999999; +} +@media (max-width: 991px) { + .breadcrumb { + padding: 20px 0; + text-align: center; + } +} +/* dropdowns */ +.dropdown-menu { + z-index: 1000; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + padding: 5px 20px; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +/* labels */ +.label { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.08em; +} +/* forms.less */ +label { + font-weight: normal; +} +.form-control { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-control:focus { + border-color: var(--primary-accent); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); +} +.form-group { + margin-bottom: 20px; +} +/* pager*/ +.pager { + margin: 20px 0; + border-top: solid 1px #eeeeee; + padding-top: 20px; + text-transform: uppercase; + letter-spacing: 0.08em; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-radius: 0; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + color: #fff; + background-color: var(--primary-accent); +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + border-color: #ddd; +} +/* pagination */ +.pagination { + margin: 20px 0; + font-family: "Roboto", Helvetica, Arial, sans-serif; + border-radius: 0; +} +.pagination > li > a, +.pagination > li > span { + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: var(--primary-accent); + background-color: #ffffff; + border: 1px solid #dddddd; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: var(--primary-accent); + background-color: var(--pagination-bg); + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; +} +/* responsive utilities */ +@media (max-width: 767px) { + .text-center-xs { + text-align: center !important; + } + .text-center-xs img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .text-center-sm { + text-align: center !important; + } + .text-center-sm img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +/* type */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: 900; + line-height: 1.1; + color: #333333; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 20px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 18px; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +.text-small { + font-size: 12px; +} +.text-large { + font-size: 18px; +} +.text-italic { + font-style: italic; +} +.text-primary { + color: var(--primary-accent); +} +a.text-primary:hover { + color: var(--link-hover-bg); +} +.bg-primary { + color: #fff; + background-color: var(--primary-accent); +} +a.bg-primary:hover { + background-color: var(--link-hover-bg); +} +abbr[title], +abbr[data-original-title] { + border-bottom: 1px dotted #999999; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 14px; + border-left: 5px solid var(--primary-accent); +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + border-right: 5px solid var(--primary-accent); +} +address { + margin-bottom: 20px; + line-height: 1.42857143; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} +.panel-heading { + border-top-right-radius: 0; + border-top-left-radius: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 15px 15px; +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group.accordion .panel { + border-color: #ccc; +} +.panel-primary { + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: var(--primary-accent); +} +.panel-primary > .panel-heading .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: var(--primary-accent); +} +.panel-primary .panel-title { + font-weight: 300; +} +.panel-primary .panel-title a:hover { + color: #fff; + text-decoration: none; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.progress-bar-primary { + background-color: var(--primary-accent); +} +.progress-striped .progress-bar-primary { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +/*! + * Yamm!3 - Yet another megamenu for Bootstrap 3 + * http://geedmo.github.com/yamm3 + * + * @geedmo - Licensed under the MIT license + */ +.yamm .nav, +.yamm .collapse, +.yamm .dropup.use-yamm, +.yamm .dropdown.use-yamm { + position: static; +} +.yamm .container { + position: relative; +} +.yamm .dropdown-menu { + left: auto; +} +.yamm .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.yamm .yamm-content { + padding: 20px 30px; +} +.yamm .dropdown.yamm-fw .dropdown-menu { + left: 15px; + right: 15px; +} diff --git a/public/css/style.default.css b/public/css/style.default.css new file mode 100644 index 0000000..ba0eaa5 --- /dev/null +++ b/public/css/style.default.css @@ -0,0 +1,3581 @@ +/* Themed colors */ +:root { + --primary-accent: #38a7bb; + --navbar-border-top: #20616d; + --button-border: #2a7d8c; + --link-focus: #267280; + --form-shadow: rgba(56, 167, 187, 0.6); + --pagination-bg: #a7dbe5; + --link-hover-bg: #2c8494; + --navbar-focus: #80cbd9; +} + +.clearfix:before, +.clearfix:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after { + content: " "; + display: table; +} +.clearfix:after, +.navbar:after, +.navbar-header:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/* general styles */ +a, +button { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.clickable { + cursor: pointer !important; +} +.required { + color: var(--primary-accent); +} +.accent { + color: var(--primary-accent); +} +.text-uppercase { + text-transform: uppercase; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .text-center-sm { + text-align: center; + } +} +p.lead { + margin-bottom: 40px; +} +section, +div.section { + margin-bottom: 40px; +} +.no-mb { + margin-bottom: 0 !important; +} +.mb-small { + margin-bottom: 20px !important; +} +.heading { + margin-bottom: 40px; +} +.heading h1, +.heading h2, +.heading h3, +.heading h4, +.heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; + vertical-align: middle; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.heading h1 i[class^="fa"], +.heading h2 i[class^="fa"], +.heading h3 i[class^="fa"], +.heading h4 i[class^="fa"], +.heading h5 i[class^="fa"] { + display: inline-block; + background: var(--primary-accent); + width: 30px; + height: 30px; + vertical-align: middle; + text-align: center; + color: #fff; + font-size: 12px; + line-height: 30px; + border-radius: 15px; +} +.icon { + display: inline-block; + width: 80px; + height: 80px; + color: #fff; + line-height: 80px; + border-radius: 40px; + border: solid 1px #fff; + font-size: 20px; +} +.icon.icon-lg { + font-size: 30px; + border-width: 2px; +} +.ul-icons { + padding-left: 10px; +} +.ul-icons li { + list-style-type: none; + line-height: 20px; + margin-bottom: 20px; +} +.ul-icons li i { + width: 20px; + height: 20px; + background: var(--primary-accent); + color: #fff; + text-align: center; + border-radius: 10px; + line-height: 20px; + margin-right: 10px; +} +ul.list-style-none { + list-style: none; +} +#text-page h1, +#text-page h2, +#text-page h3 { + font-weight: 700; +} +#error-page { + text-align: center; + margin-top: 40px; + margin-bottom: 100px; +} +#error-page h4 { + margin-bottom: 40px; +} +#error-page p.buttons { + margin-top: 40px; +} +.pages-listing .item { + text-align: center; +} +.pages-listing .item h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 20px; + letter-spacing: 0.08em; +} +.pages-listing .item h3 a { + color: #555555; +} +.pages-listing .item .text { + margin-bottom: 20px; +} +.pages-listing .item .text p { + color: #999999; + font-size: 12px; + margin-bottom: 20px; +} +.banner { + margin-bottom: 30px; + text-align: center; +} +.banner img { + margin: 0 auto; +} +.banner a:hover img { + opacity: 0.8; + filter: alpha(opacity=80); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.pages { + text-align: center; +} +.pages .loadMore { + text-align: center; +} +.pages .pagination { + text-align: center; +} +.features-buttons button { + margin-bottom: 20px; +} +@media (min-width: 1300px) { + body.boxed { + background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png); + } + body.boxed #all { + position: relative; + background: #fff; + width: 1200px; + margin: 0 auto; + overflow: hidden; + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; + } +} +#top { + background: #555555; + color: #eeeeee; + padding: 10px 0; +} +#top p { + margin: 0; + font-size: 12px; +} +#top .social { + float: right; + text-align: right; +} +#top .social a { + color: #999999; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 12px; + line-height: 24px; + font-size: 12px; + text-align: center; +} +#top .social a:hover { + color: #fff; + background: var(--primary-accent); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +#top .social a:hover.facebook { + background-color: #4460ae; +} +#top .social a:hover.gplus { + background-color: #c21f25; +} +#top .social a:hover.twitter { + background-color: #3cf; +} +#top .social a:hover.instagram { + background-color: #cd4378; +} +#top .social a:hover.email { + background-color: #4a7f45; +} +#top .login { + float: right; +} +#top .login a { + font-size: 12px; + color: #eeeeee; + margin-right: 15px; + text-decoration: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.10em; +} +@media (max-width: 767px) { + #top .login { + float: left; + } +} +#top.light { + background: #fff; + color: #999999; + border-bottom: solid 1px #eeeeee; +} +#top.light .login a { + color: #555555; +} +.navbar { + border: none; +} +.navbar ul.nav > li > a { + text-transform: uppercase; + text-decoration: underline; + font-weight: bold; + letter-spacing: 0.08em; + border-top: solid 5px transparent; +} +.navbar ul.nav > li > a:hover { + border-top: solid 5px var(--primary-accent); +} +.navbar ul.nav > li.active > a, +.navbar ul.nav > li.open > a { + text-decoration: none !important; + border-top: solid 5px var(--navbar-border-top); +} +@media (max-width: 768px) { + .navbar ul.nav > li.active > a, + .navbar ul.nav > li.open > a { + border-top-color: transparent; + } + .navbar ul.nav > li > a:hover { + border-top-color: transparent; + } +} +.navbar.navbar-light ul.nav > li.active > a { + border-top: solid 5px var(--navbar-border-top); + background: #fff !important; + color: #555555 !important; +} +.navbar.navbar-light ul.nav > li.active > a:hover { + border-top: solid 5px var(--navbar-border-top); +} +.navbar.navbar-light ul.nav > li > a:hover, +.navbar.navbar-light ul.nav > li.open > a:hover, +.navbar.navbar-light ul.nav > li > a:focus, +.navbar.navbar-light ul.nav > li.open > a:focus { + border-top: solid 5px var(--primary-accent); + background: #fff !important; + color: #555555 !important; +} +.navbar ul.dropdown-menu { + margin: 0; + padding: 0; +} +.navbar ul.dropdown-menu li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 4px 0; +} +.navbar ul.dropdown-menu li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + left: 0; +} +.navbar ul.dropdown-menu li a:hover { + color: var(--primary-accent); + text-decoration: none; + background: none; + left: 2px; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .navbar ul.dropdown-menu li a:hover { + left: 0; + } +} +.navbar .yamm-content h3 { + font-size: 18px; + text-transform: uppercase; + padding-bottom: 10px; + margin-top: 5px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +@media (max-width: 767px) { + .navbar .yamm-content h3 { + font-size: 14px; + } +} +.navbar .yamm-content h5 { + text-transform: uppercase; + padding-bottom: 10px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +.navbar .yamm-content ul { + margin: 0; + padding: 0; +} +.navbar .yamm-content ul li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + padding: 4px 0; +} +.navbar .yamm-content ul li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.navbar .yamm-content ul li a:hover { + color: var(--primary-accent); + text-decoration: none; + padding-left: 2px; +} +.navbar .yamm-content .banner { + margin-bottom: 10px; +} +.navbar .yamm-fw .dropdown-menu { + padding: 0; +} +.navbar .navbar-buttons { + float: right; +} +.navbar .navbar-buttons button, +.navbar .navbar-buttons a.btn, +.navbar .navbar-buttons .btn-default.navbar-toggle { + margin-top: 11px; + margin-bottom: 11px; + margin-left: 0; + margin-right: 5px; +} +.navbar .btn-default, +.navbar .btn-default.navbar-toggle { + color: #999999; + background-color: #fff; + margin-left: 7px; + margin-right: 0; +} +.navbar .btn-default:hover, +.navbar .btn-default.navbar-toggle:hover, +.navbar .btn-default:focus, +.navbar .btn-default.navbar-toggle:focus { + background-color: #fff; + border-color: var(--primary-accent); + color: var(--primary-accent); +} +.navbar #search { + clear: both; + border-top: solid 1px var(--primary-accent); + text-align: right; +} +.navbar #search form { + float: right; +} +.navbar #search form .input-group { + width: 500px; +} +@media (max-width: 768px) { + .navbar #search form .input-group { + width: 100%; + } +} +.navbar #basket-overview a { + margin-left: 7px; +} +.navbar-affixed-top { + top: 0; + z-index: 1000; + width: 100%; +} +.navbar-affixed-top.affix { + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; +} +.navbar-affixed-top.affix + section { + margin-top: 62px; +} +@supports (position: sticky) { + .navbar-affixed-top { + position: sticky; + } + .navbar-affixed-top.affix + section { + margin-top: 0; + } +} +#login-modal { + overflow: hidden; +} +#login-modal .modal-header h4 { + text-transform: uppercase; +} +#login-modal form { + margin-bottom: 20px; +} +#login-modal a { + color: var(--primary-accent); +} +#login-modal p { + font-weight: 300; + margin-bottom: 20px; + font-size: 13px; +} +/* buttons */ +.btn { + font-weight: 700; + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + border-radius: 0; +} +.input-group .btn { + font-size: 14px; +} +.btn-lg { + padding: 10px 16px; + font-size: 14px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-template-main { + color: var(--primary-accent); + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + color: var(--primary-accent); + background-color: #e6e6e6; + border-color: var(--button-border); +} +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + background-image: none; +} +.btn-template-main.disabled, +.btn-template-main[disabled], +fieldset[disabled] .btn-template-main, +.btn-template-main.disabled:hover, +.btn-template-main[disabled]:hover, +fieldset[disabled] .btn-template-main:hover, +.btn-template-main.disabled:focus, +.btn-template-main[disabled]:focus, +fieldset[disabled] .btn-template-main:focus, +.btn-template-main.disabled:active, +.btn-template-main[disabled]:active, +fieldset[disabled] .btn-template-main:active, +.btn-template-main.disabled.active, +.btn-template-main[disabled].active, +fieldset[disabled] .btn-template-main.active { + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main .badge { + color: #ffffff; + background-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active { + background: var(--primary-accent); + color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-transparent-primary { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + background-image: none; +} +.btn-template-transparent-primary.disabled, +.btn-template-transparent-primary[disabled], +fieldset[disabled] .btn-template-transparent-primary, +.btn-template-transparent-primary.disabled:hover, +.btn-template-transparent-primary[disabled]:hover, +fieldset[disabled] .btn-template-transparent-primary:hover, +.btn-template-transparent-primary.disabled:focus, +.btn-template-transparent-primary[disabled]:focus, +fieldset[disabled] .btn-template-transparent-primary:focus, +.btn-template-transparent-primary.disabled:active, +.btn-template-transparent-primary[disabled]:active, +fieldset[disabled] .btn-template-transparent-primary:active, +.btn-template-transparent-primary.disabled.active, +.btn-template-transparent-primary[disabled].active, +fieldset[disabled] .btn-template-transparent-primary.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active { + background: #fff; + color: var(--primary-accent); + border-color: #fff; +} +.btn-template-transparent-black { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + background-image: none; +} +.btn-template-transparent-black.disabled, +.btn-template-transparent-black[disabled], +fieldset[disabled] .btn-template-transparent-black, +.btn-template-transparent-black.disabled:hover, +.btn-template-transparent-black[disabled]:hover, +fieldset[disabled] .btn-template-transparent-black:hover, +.btn-template-transparent-black.disabled:focus, +.btn-template-transparent-black[disabled]:focus, +fieldset[disabled] .btn-template-transparent-black:focus, +.btn-template-transparent-black.disabled:active, +.btn-template-transparent-black[disabled]:active, +fieldset[disabled] .btn-template-transparent-black:active, +.btn-template-transparent-black.disabled.active, +.btn-template-transparent-black[disabled].active, +fieldset[disabled] .btn-template-transparent-black.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active { + background: #fff; + color: #000; + border-color: #fff; +} +.btn-template-primary { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary:hover, +.btn-template-primary:focus, +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + color: #ffffff; + background-color: var(--link-hover-bg); + border-color: var(--button-border); +} +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + background-image: none; +} +.btn-template-primary.disabled, +.btn-template-primary[disabled], +fieldset[disabled] .btn-template-primary, +.btn-template-primary.disabled:hover, +.btn-template-primary[disabled]:hover, +fieldset[disabled] .btn-template-primary:hover, +.btn-template-primary.disabled:focus, +.btn-template-primary[disabled]:focus, +fieldset[disabled] .btn-template-primary:focus, +.btn-template-primary.disabled:active, +.btn-template-primary[disabled]:active, +fieldset[disabled] .btn-template-primary:active, +.btn-template-primary.disabled.active, +.btn-template-primary[disabled].active, +fieldset[disabled] .btn-template-primary.active { + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +#intro { + background: url('../img/home.jpg') no-repeat center top; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#intro .item { + font-family: "Roboto", Helvetica, Arial, sans-serif; + height: 100%; +} +#intro .item h1 { + text-transform: uppercase; + font-size: 50px; + color: #fff; + margin-bottom: 40px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #intro .item h1 { + font-size: 40px; + } +} +@media (max-width: 767px) { + #intro .item h1 { + font-size: 25px; + } +} +#intro .item h3 { + color: #fff; + margin-bottom: 40px; +} +@media (max-width: 767px) { + #intro .item h3 { + font-size: 15px; + margin-bottom: 20px; + } +} +#intro .item .btn { + text-transform: none; +} +@media (max-width: 991px) { + #intro .item .btn { + font-size: 14px; + } +} +@media (max-width: 991px) { + #intro .item .carousel-caption { + left: 10%; + right: 10%; + } +} +#intro .container, +#intro .row { + height: 100%; + position: relative; +} +.jumbotron { + padding: 30px; + margin-bottom: 0; + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.jumbotron .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3, +.jumbotron p, +.jumbotron ul { + color: #fff; +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3 { + color: #ffffff; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.jumbotron p { + margin-bottom: 20px; + font-size: 21px; + font-weight: 400; +} +.jumbotron p.text-uppercase { + font-weight: 700; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; + z-index: 2; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 46px; + } +} +#categoryMenu h3 { + padding: 20px; + background: #f7f7f7; + margin: 0; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.panel.sidebar-menu h3 { + padding: 5px 0; + margin: 0; +} +.panel.sidebar-menu { + background: #fff; + margin: 0 0 20px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.panel.sidebar-menu .panel-heading { + text-transform: uppercase; + margin-bottom: 10px; + background: none; + padding: 0; + letter-spacing: 0.08em; + border-bottom: none; +} +.panel.sidebar-menu .panel-heading h1, +.panel.sidebar-menu .panel-heading h2, +.panel.sidebar-menu .panel-heading h3, +.panel.sidebar-menu .panel-heading h4, +.panel.sidebar-menu .panel-heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; +} +.panel.sidebar-menu .panel-heading .btn.btn-danger { + color: #fff; + margin-top: 5px; +} +.panel.sidebar-menu .panel-body { + padding: 0; +} +.panel.sidebar-menu .panel-body span.colour { + display: inline-block; + width: 15px; + height: 15px; + border: solid 1px #555555; + vertical-align: top; + margin-top: 2px; + margin-left: 5px; +} +.panel.sidebar-menu .panel-body span.colour.white { + background: #fff; +} +.panel.sidebar-menu .panel-body span.colour.red { + background: red; +} +.panel.sidebar-menu .panel-body span.colour.green { + background: green; +} +.panel.sidebar-menu .panel-body span.colour.blue { + background: blue; +} +.panel.sidebar-menu .panel-body span.colour.yellow { + background: yellow; +} +.panel.sidebar-menu .panel-body label { + color: #999999; + font-size: 12px; +} +.panel.sidebar-menu .panel-body label:hover { + color: #555555; +} +.panel.sidebar-menu ul.nav.category-menu { + margin-bottom: 20px; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.08em; +} +.panel.sidebar-menu ul.nav.category-menu li a { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.panel.sidebar-menu ul.nav ul { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.nav ul li { + display: block; +} +.panel.sidebar-menu ul.nav ul li a { + position: relative; + font-family: "Times New Roman", Times, serif; + font-weight: normal; + text-transform: none !important; + display: block; + padding: 10px 15px; + padding-left: 30px; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.nav ul li a:hover, +.panel.sidebar-menu ul.nav ul li a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.panel.sidebar-menu ul.tag-cloud { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.tag-cloud li { + display: inline-block; +} +.panel.sidebar-menu ul.tag-cloud li a { + display: inline-block; + padding: 5px; + border: solid 1px #eeeeee; + border-radius: 0; + color: var(--primary-accent); + margin: 5px 5px 5px 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 700; + font-size: 12px; + text-decoration: none; +} +.panel.sidebar-menu ul.tag-cloud li a:hover { + color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a { + color: #FFFFFF; + background-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a:hover { + color: #FFFFFF; +} +.panel.sidebar-menu ul.popular, +.panel.sidebar-menu ul.recent { + list-style: none; + padding-left: 0; + padding: 20px 0; +} +.panel.sidebar-menu ul.popular li, +.panel.sidebar-menu ul.recent li { + margin-bottom: 10px; + padding: 5px 0; + border-bottom: dotted 1px #eeeeee; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li img, +.panel.sidebar-menu ul.recent li img { + width: 50px; + margin-right: 10px; +} +.panel.sidebar-menu ul.popular li h5, +.panel.sidebar-menu ul.recent li h5 { + margin: 0 0 10px; +} +.panel.sidebar-menu ul.popular li h5 a, +.panel.sidebar-menu ul.recent li h5 a { + font-weight: normal; +} +.panel.sidebar-menu ul.popular li p.date, +.panel.sidebar-menu ul.recent li p.date { + float: right; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.popular li:last-child, +.panel.sidebar-menu ul.recent li:last-child { + border-bottom: none; +} +.panel.sidebar-menu .text-widget { + font-size: 12px; +} +.panel.sidebar-menu.with-icons ul.nav li a:after { + font-family: 'FontAwesome'; + content: "\f105"; + position: relative; + top: 0; + float: right; +} +/* ribbons for product sales etc. */ +.ribbon { + position: absolute; + top: 50px; + padding-left: 51px; + font-weight: 700; + letter-spacing: 0.08em; +} +.ribbon .ribbon-background { + position: absolute; + top: 0; + right: 0; +} +.ribbon .theribbon { + position: relative; + width: 80px; + padding: 6px 20px 6px 20px; + margin: 30px 10px 10px -71px; + color: #fff; + background-color: var(--primary-accent); + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.ribbon .theribbon:before, +.ribbon .theribbon:after { + content: ' '; + position: absolute; + width: 0; + height: 0; +} +.ribbon .theribbon:after { + left: 0px; + top: 100%; + border-width: 5px 10px; + border-style: solid; + border-color: #000000 #000000 transparent transparent; +} +.ribbon.sale { + top: 0; +} +.ribbon.new { + top: 50px; +} +.ribbon.new .theribbon { + background-color: #5bc0de; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.new .theribbon:after { + border-color: #2390b0 #2390b0 transparent transparent; +} +.ribbon.gift { + top: 100px; +} +.ribbon.gift .theribbon { + background-color: #5cb85c; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.gift .theribbon:after { + border-color: #357935 #357935 transparent transparent; +} +.owl-carousel .owl-controls .owl-page.active span, +.owl-theme .owl-controls .owl-page.active span, +.owl-carousel .owl-controls.clickable .owl-page:hover span, +.owl-theme .owl-controls.clickable .owl-page:hover span { + background: var(--primary-accent); +} +.owl-carousel .owl-controls .owl-buttons, +.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 5px; + right: 0; +} +.owl-carousel .owl-controls .owl-buttons div, +.owl-theme .owl-controls .owl-buttons div { + width: 26px; + height: 26px; + line-height: 25px; + margin: 0 5px 0 0; + font-size: 18px; + color: var(--primary-accent); + padding: 0; + background: #fff; + border-radius: 13px; + vertical-align: middle; + text-align: center; + opacity: 1; + filter: alpha(opacity=100); +} +.home-carousel { + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.home-carousel .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.home-carousel .owl-carousel { + padding-top: 60px; + padding-bottom: 20px; +} +.home-carousel .owl-theme .owl-controls .owl-page span { + background: #666; +} +.home-carousel .owl-theme .owl-controls .owl-page.active span { + background: #fff; +} +.home-carousel .owl-theme .owl-controls .owl-page:hover span { + background: #fff; +} +@media (max-width: 767px) { + .home-carousel { + text-align: center !important; + } +} +@media (min-width: 992px) { + .home-carousel .right { + text-align: right; + } +} +.home-carousel h1, +.home-carousel h2, +.home-carousel h3, +.home-carousel p, +.home-carousel ul { + color: #fff; +} +.home-carousel h1 { + font-weight: 700; + text-transform: uppercase; + font-size: 46px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .home-carousel h1 { + font-size: 36px; + } +} +.home-carousel h2 { + font-weight: 700; + text-transform: uppercase; + font-size: 40px; + letter-spacing: 0.08em; +} +.home-carousel ul, +.home-carousel p { + font-size: 18px; + font-weight: 700; + padding: 0; + text-transform: uppercase; + letter-spacing: 0.10em; +} +@media (max-width: 991px) { + .home-carousel ul, + .home-carousel p { + font-size: 14px; + } +} +.home-carousel ul li { + margin-bottom: 10px; +} +.customers { + padding: 0; + margin-bottom: 40px; +} +.customers .item { + list-style-type: none; + text-align: center; + margin: 0 20px; +} +.customers .item img { + display: inline-block; + filter: url("data:image/svg+xml;utf8,#grayscale"); + /* Firefox 10+, Firefox on Android */ + filter: gray; + /* IE6-9 */ + -webkit-filter: grayscale(100%); + /* Chrome 19+, Safari 6+, Safari 6+ iOS */ + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.customers .item img:hover { + max-width: auto; + filter: none; + -webkit-filter: none; +} +.testimonials { + padding: 0; + margin-bottom: 40px; +} +.testimonials .item { + list-style-type: none; + margin: 0 5px; + background: #fff; + padding-bottom: 60px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.testimonials .item .testimonial { + position: relative; + padding: 20px; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial .text { + color: #999999; + margin-bottom: 40px; +} +.testimonials .item .testimonial .bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + height: 50px; +} +.testimonials .item .testimonial .bottom .icon { + color: var(--primary-accent); + font-size: 30px; + float: left; + width: 20%; +} +.testimonials .item .testimonial .name-picture { + float: right; + width: 80%; + text-align: right; +} +.testimonials .item .testimonial .name-picture h5 { + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.testimonials .item .testimonial .name-picture p { + color: #999999; + margin: 0; + font-size: 12px; +} +.testimonials .item .testimonial .name-picture img { + float: right; + width: 60px; + border-radius: 30px; + margin-left: 10px; +} +.team-member { + text-align: center; + margin-bottom: 40px; +} +.team-member h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 5px; + letter-spacing: 0.08em; +} +.team-member h3 a { + color: #555555; +} +.team-member p.role { + color: #999999; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.team-member .social { + margin-bottom: 20px; +} +.team-member .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email { + background-color: #4a7f45; +} +.team-member .text p { + color: #999999; + font-size: 12px; +} +.team-member .social, +.team-member-detail .social { + margin-bottom: 20px; +} +.team-member .social a, +.team-member-detail .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i, +.team-member-detail .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook, +.team-member-detail .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus, +.team-member-detail .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter, +.team-member-detail .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram, +.team-member-detail .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email, +.team-member-detail .social a.email { + background-color: #4a7f45; +} +.box-simple { + text-align: center; + margin-bottom: 40px; +} +.box-simple .icon { + color: var(--primary-accent); + border-color: var(--primary-accent); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.box-simple h3 { + font-weight: normal; + font-size: 18px; + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-simple h3 a { + color: #555555; +} +.box-simple p { + color: #999999; +} +.box-simple:hover .icon { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.box-simple:hover .icon i { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.box-simple.box-white { + padding: 20px; + border: dotted 1px #999999; +} +.box-simple.box-white .icon { + color: #555555; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark { + padding: 20px; + border: dotted 1px #999999; + background: #555555; + color: #fff; +} +.box-simple.box-dark .icon { + color: #f7f7f7; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark h3 { + color: #fff; +} +.box-simple.box-dark h3 a { + color: #fff; +} +.box-simple.box-dark p { + color: #fff; +} +.box-image { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +.box-image-text { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image-text .top { + position: relative; + margin-bottom: 10px; +} +.box-image-text .top .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image-text .top .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .top .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image-text .top .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image-text .top .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .content h3, +.box-image-text .content h4 { + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-image-text .content p { + color: #999999; +} +.box-image-text:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image-text:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image-text:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +/* universal box */ +.box { + background: #fff; + margin: 0 0 30px; + border: solid 1px #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 0; + border-left: none; + border-right: none; +} +.box .box-header { + background: #f7f7f7; + margin: -20px 0 20px; + padding: 20px; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-footer { + background: #f7f7f7; + margin: 30px 0 -20px; + padding: 20px; + border-top: solid 1px #eeeeee; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +@media (max-width: 991px) { + .box .box-footer .btn { + margin-bottom: 20px; + } +} +.box.no-border { + border: none; +} +#heading-breadcrumbs { + background: url('../img/texture-bw.png') center center repeat; + padding: 20px 0; + margin-bottom: 40px; +} +#heading-breadcrumbs.no-mb { + margin-bottom: 0; +} +#heading-breadcrumbs h1 { + color: #333333; + text-transform: uppercase; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #heading-breadcrumbs h1 { + text-align: center; + } +} +#heading-breadcrumbs ul.breadcrumb { + margin-top: 5px; + margin-bottom: 0; +} +.bar { + position: relative; + background: var(--primary-accent); + padding: 60px 0; +} +.bar.background-pentagon { + background: url('../img/texture-bw.png') center center repeat; + border-top: solid 1px #999999; + border-bottom: solid 1px #999999; +} +.bar.background-gray { + background: #eeeeee; +} +.bar.background-gray-dark { + background: #555555; +} +.bar.background-white { + background: #fff; +} +.bar.background-image-fixed-1 { + background: url('../img/fixed-background-1.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.background-image-fixed-2 { + background: url('../img/fixed-background-2.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.color-white h1, +.bar.color-white h2, +.bar.color-white h3, +.bar.color-white h4, +.bar.color-white h5, +.bar.color-white h6, +.bar.color-white p { + color: #fff; +} +.bar.padding-big { + padding: 50px 0; +} +.bar.padding-horizontal { + padding-left: 30px; + padding-right: 30px; +} +.bar.margin-vertical { + margin-top: 20px; + margin-bottom: 20px; +} +.bar .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} +.portfolio.no-space { + padding: 0 15px; +} +.portfolio.no-space .box-image { + margin: 0 -15px; +} +.portfolio-project .project-more h4 { + color: #555555; + text-transform: uppercase; + margin-bottom: 0; + text-align: left; + font-size: 14px; + letter-spacing: 0.08em; +} +.portfolio-project .project-more p { + color: #999999; + padding: 10px 0; + margin-bottom: 20px; + text-align: left; +} +.portfolio-showcase { + margin: 15px 0 60px; +} +.portfolio-showcase h3 a { + text-transform: uppercase; + line-height: 1.5; + letter-spacing: 0.08em; +} +.portfolio-showcase p.lead { + color: #555555; + margin-bottom: 20px; +} +.portfolio-showcase p { + color: #999999; +} +.portfolio-showcase p.buttons { + margin-top: 40px; +} +.see-more { + text-align: center; + margin-top: 20px; + padding-top: 20px; +} +.see-more p { + font-size: 28px; + font-weight: 100; + margin-bottom: 20px; +} +.showcase .item { + text-align: center; +} +.showcase .item .icon { + display: inline-block; + width: 50px; + height: 50px; + color: #555555; + line-height: 50px; + border-radius: 25px; + border: solid 1px #555555; +} +.showcase .item h4 { + color: #555555; + text-transform: uppercase; + letter-spacing: 0.08em; + line-height: 1.5; + font-size: 16px; +} +.showcase .item h4 span { + font-weight: bold; + font-size: 51px; +} +.packages .package { + background: #fff; + margin-top: 25px; + margin-bottom: 20px; + padding-bottom: 15px; + text-align: center; + border: solid 1px var(--primary-accent); + overflow: hidden; +} +.packages .package .package-header { + height: 57px; + color: #fff; + line-height: 57px; + background: var(--primary-accent); +} +.packages .package .package-header h5 { + color: #fff; + text-transform: uppercase; + font-weight: bold; + line-height: 57px; + margin: 0; + letter-spacing: 0.08em; +} +.packages .package .package-header.light-gray { + background: #eeeeee; +} +.packages .package .package-header.light-gray h5 { + color: #555555; +} +.packages .package .price { + line-height: 120px; + height: 100px; + color: #fff; + font-weight: 400; +} +.packages .package .price h4 { + display: inline; + font-size: 50px; + line-height: normal; + margin-bottom: 0; +} +.packages .package .price .period { + line-height: normal; + color: #999999; +} +.packages .package ul { + padding: 0; +} +.packages .package ul li { + list-style-type: none; + padding-top: 10px; + padding-bottom: 10px; + width: 80%; + margin: auto; + border-bottom: 1px dotted #ccc; +} +.packages .package ul li:last-child { + border-bottom: 0; +} +.packages .package ul li i { + font-size: 13px; + margin-right: 5px; +} +.packages .best-value .package { + margin-top: 0; + padding-bottom: 40px; +} +.packages .best-value .package .package-header { + height: 72px; + padding-top: 17px; + height: 82px !important; +} +.packages .best-value .package .package-header h5 { + font-weight: bold; + line-height: 29px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.packages .best-value .package .package-header .meta-text { + font-size: 13px; + line-height: 15px; +} +#map { + height: 300px; +} +#map.with-border { + border-top: solid 1px var(--primary-accent); + border-bottom: solid 1px var(--primary-accent); +} +#blog-listing-big .post, +#blog-homepage .post { + margin-bottom: 60px; +} +#blog-listing-big .post h2, +#blog-homepage .post h2, +#blog-listing-big .post h4, +#blog-homepage .post h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#blog-listing-big .post h2 a, +#blog-homepage .post h2 a, +#blog-listing-big .post h4 a, +#blog-homepage .post h4 a { + color: #555555; +} +#blog-listing-big .post h2 a:hover, +#blog-homepage .post h2 a:hover, +#blog-listing-big .post h4 a:hover, +#blog-homepage .post h4 a:hover { + color: var(--primary-accent); +} +#blog-listing-big .post .author-category, +#blog-homepage .post .author-category { + color: #999999; + text-transform: uppercase; + font-weight: 300; + letter-spacing: 0.08em; +} +#blog-listing-big .post .author-category a, +#blog-homepage .post .author-category a { + font-weight: 500; +} +#blog-listing-big .post .date-comments a, +#blog-homepage .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-big .post .date-comments a:hover, +#blog-homepage .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-big .post .date-comments, + #blog-homepage .post .date-comments { + text-align: right; + } +} +#blog-listing-big .post .intro, +#blog-homepage .post .intro { + text-align: left; +} +#blog-listing-big .post .image, +#blog-homepage .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-big .post .image img, +#blog-homepage .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-big .post .image img.img-responsive, + #blog-homepage .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-big .post .video, +#blog-homepage .post .video { + margin-bottom: 10px; +} +#blog-listing-big .post .read-more, +#blog-homepage .post .read-more { + text-align: right; +} +#blog-listing-medium .post { + margin-bottom: 60px; +} +#blog-listing-medium .post h2 { + text-transform: uppercase; + margin: 0 0 10px; + font-size: 24px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post h2 a { + color: #555555; +} +#blog-listing-medium .post h2 a:hover { + color: var(--primary-accent); +} +#blog-listing-medium .post .author-category { + float: left; + color: #999999; + text-transform: uppercase; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post .author-category a { + font-weight: 500; +} +#blog-listing-medium .post .date-comments { + float: right; + font-size: 12px; +} +#blog-listing-medium .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-medium .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-medium .post .date-comments { + text-align: right; + } +} +#blog-listing-medium .post .intro { + text-align: left; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-medium .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-medium .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-medium .post .video { + margin-bottom: 10px; +} +#blog-listing-medium .post .read-more { + text-align: right; +} +.box-image-text.blog .author-category { + color: #999999; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 300; + font-size: 12px; +} +.box-image-text.blog .author-category a { + font-weight: 500; +} +.box-image-text.blog .intro { + text-align: left; + margin-bottom: 20px; +} +#blog-homepage .post { + margin-bottom: 30px; +} +#blog-homepage .post h2, +#blog-homepage .post h4, +#blog-homepage .post .author-category, +#blog-homepage .post .read-more { + text-align: center; +} +#blog-homepage .post .read-more { + margin-top: 20px; +} +#blog-post #post-content { + margin-bottom: 20px; +} +#blog-post #post-content img{ + max-width: 100%; + height: auto; + display: block; + margin: auto; +} +#blog-post .comment { + margin-bottom: 25px; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment .posted { + color: #999999; + font-size: 12px; +} +#blog-post .comment .reply { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#blog-post .comment.last { + margin-bottom: 0; +} +#blog-post #comments, +#blog-post #comment-form { + padding: 20px 0; + margin-top: 20px; + border-top: solid 1px #eeeeee; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments h4, +#blog-post #comment-form h4 { + margin-bottom: 20px; +} +#blog-post #comment-form { + margin-bottom: 20px; +} +.product { + background: #fff; + border-bottom: solid 1px #e6e6e6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 60px; + overflow: hidden; + text-align: center; +} +.product .image { + overflow: hidden; +} +.product .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .product .image img.img-responsive { + min-width: 100%; + } +} +.product .text { + padding: 10px; +} +.product .text h3 { + font-size: 14px; + font-weight: 700; + height: 39.6px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.product .text h3 a { + color: #555555; +} +.product .text h3 a:hover { + text-decoration: none; +} +.product .text p.price { + font-size: 18px; +} +.product .text p.price del { + color: #999999; +} +.product .buttons { + clear: both; + position: absolute; + display: none; + bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + border: solid 1px transparent; + padding: 20px; + background: rgba(255, 255, 255, 0.9); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + text-align: center; +} +.product .buttons .btn { + margin-bottom: 20px; +} +.product:hover { + border-bottom: solid 1px #808080; + top: 0; +} +.product:hover .buttons { + clear: both; + position: absolute; + top: 0; + background: rgba(255, 255, 255, 0.5); +} +.product:hover .image img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.goToDescription { + font-size: 12px; + text-align: center; + margin-bottom: 40px; +} +.goToDescription a { + color: #999999; + text-decoration: underline; +} +#productMain { + margin-bottom: 30px; +} +#productMain .sizes { + text-align: center; +} +#productMain .sizes h3 { + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + margin-bottom: 40px; +} +#productMain .sizes a { + display: inline-block; + width: 40px; + height: 40px; + border-radius: 40px; + background: #ccc; + line-height: 40px; + color: #555555; + text-align: center; + text-decoration: none; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#productMain .sizes a.active, +#productMain .sizes a:hover { + background: var(--primary-accent); + color: #fff; +} +#productMain .sizes input { + display: none; +} +#productMain .price { + font-size: 40px; + text-align: center; + margin-top: 40px; + margin-bottom: 40px; +} +#thumbs a { + display: block; + border: solid 1px transparent; +} +#thumbs a.active { + border-color: var(--primary-accent); +} +#product-social { + text-align: center; +} +#product-social h4 { + font-weight: 300; + margin-bottom: 10px; +} +#product-social p { + line-height: 26px; +} +#product-social p a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +#product-social p a i { + vertical-align: bottom; + line-height: 26px; +} +#product-social p a.facebook { + background-color: #4460ae; +} +#product-social p a.gplus { + background-color: #c21f25; +} +#product-social p a.twitter { + background-color: #3cf; +} +#product-social p a.instagram { + background-color: #cd4378; +} +#product-social p a.email { + background-color: #4a7f45; +} +@media (max-width: 991px) { + #product-social { + text-align: center; + } +} +#checkout .nav { + margin-bottom: 20px; + border-bottom: solid 1px var(--primary-accent); +} +#checkout .nav li { + height: 100%; +} +#checkout .nav li a { + display: block; + height: 100%; +} +#order-summary table { + margin-top: 20px; +} +#order-summary table td { + color: #999999; +} +#order-summary table tr.total td, +#order-summary table tr.total th { + font-size: 18px; + color: #555555; + font-weight: 700; +} +#checkout .table tbody tr td, +#basket .table tbody tr td, +#customer-order .table tbody tr td { + vertical-align: middle; +} +#checkout .table tbody tr td input, +#basket .table tbody tr td input, +#customer-order .table tbody tr td input { + width: 50px; + text-align: right; +} +#checkout .table tbody tr td img, +#basket .table tbody tr td img, +#customer-order .table tbody tr td img { + width: 50px; +} +#checkout .table tfoot, +#basket .table tfoot, +#customer-order .table tfoot { + font-size: 18px; +} +.shipping-method h4, +.payment-method h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#customer-orders table tr th, +#customer-orders table tr td { + vertical-align: baseline; +} +#customer-order .table tfoot th { + font-size: 18px; + font-weight: 300; +} +#customer-order .addresses { + text-align: right; + margin-bottom: 30px; +} +#customer-order .addresses p { + font-size: 18px; + font-weight: 300; +} +#customer-account { + margin-bottom: 30px; +} +#get-it { + background: var(--primary-accent); + padding: 50px 0 30px; + color: #fff; + text-align: center; +} +#get-it h1, +#get-it h2, +#get-it h3, +#get-it h4, +#get-it h5, +#get-it h6 { + color: #fff; + text-transform: uppercase; + letter-spacing: 0.08em; + margin: 0 0 20px; +} +#get-it p { + margin: 0 0 20px; +} +#footer { + background: #555555; + padding: 50px 0; + color: #999999; +} +#footer h1, +#footer h2, +#footer h3, +#footer h4, +#footer h5, +#footer h6 { + color: #eeeeee; +} +#footer h4 { + font-size: 14px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; +} +#footer ul { + padding-left: 0; + list-style: none; +} +#footer ul a { + color: #999999; +} +#footer ul a:hover { + color: var(--primary-accent); + text-decoration: none; +} +#footer .photostream div { + float: left; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 33%; + padding: 7.5px; + overflow: hidden; +} +#footer .photostream div a { + border: solid 1 px #eeeeee; +} +#footer .photostream div img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +#footer .photostream div:hover img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#footer .blog-entries .item { + clear: both; + padding: 5px 0; + margin-bottom: 10px; + border-bottom: solid 1px #555555; +} +#footer .blog-entries .item .image { + float: left; + width: 15%; + margin-right: 10px; +} +#footer .blog-entries .item .name { + width: 75%; + margin-left: 10px; + display: table-cell; + vertical-align: middle; +} +#footer .blog-entries .item .name h5 { + margin: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-size: 12px; +} +#footer .blog-entries .item .name h5 a { + color: #eeeeee; +} +#footer .blog-entries .item .text { + width: 100%; + clear: both; +} +#footer .blog-entries .item:last-child { + border-bottom: none; + margin-bottom: 0; +} +#footer .social a { + color: #555555; + font-size: 25px; + margin: 0 10px 0 0; +} +#footer .social a:hover { + color: var(--primary-accent); +} +#copyright { + background: #333; + color: #ccc; + padding: 50px 0; + font-size: 12px; + line-height: 28px; +} +#copyright p { + margin: 0; +} +@media (max-width: 991px) { + #copyright p { + float: none !important; + text-align: center; + margin-bottom: 10px; + } +} +[data-animate] { + opacity: 0; + filter: alpha(opacity=0); +} +#style-switch-button { + position: fixed; + top: 100px; + left: 0px; + border-radius: 0; +} +#style-switch { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 300px; + padding: 20px; + position: fixed; + top: 140px; + left: 0; + background: #fff; + border: solid 1px #eeeeee; +} +@media (max-width: 991px) { + #style-switch-button { + display: none; + } + #style-switch { + display: none; + } +} +/* Original Boostrap template overwrite */ +/* breadcrumbs */ +.breadcrumb { + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + background-color: none; + letter-spacing: 0.08em; +} +/* nav */ +.nav > li > a { + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: var(--primary-accent); +} +.nav-tabs { + border-bottom: 1px solid var(--primary-accent); +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee var(--primary-accent); +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content { + padding: 15px; + border: solid 1px #ddd; + border-top: none; +} +/* navbar */ +.navbar { + position: relative; + min-height: 62px; + margin-bottom: 0; + border-bottom: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-affixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-affixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 10px 15px; + font-size: 18px; + line-height: 20px; + height: 62px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand img { + max-height: 42px; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 14px; + margin-bottom: 14px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-nav { + margin: 10.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 21px; + padding-bottom: 21px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 14px; + margin-bottom: 14px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-btn.btn-sm { + margin-top: 16px; + margin-bottom: 16px; +} +.navbar-btn.btn-xs { + margin-top: 20px; + margin-bottom: 20px; +} +.navbar-text { + margin-top: 21px; + margin-bottom: 21px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #ffffff; + border-color: #cccccc; + border-bottom: none; +} +.navbar-default .navbar-brand { + color: #555555; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #3b3b3b; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #555555; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #555555; + background-color: var(--navbar-focus); +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: var(--primary-accent); +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #cccccc; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: var(--primary-accent); + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #555555; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #555555; +} +.navbar-default .navbar-link:hover { + color: #555555; +} +.navbar-default .btn-link { + color: #555555; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #555555; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc; +} +/* scaffolding */ +body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +a { + color: var(--primary-accent); + text-decoration: none; +} +a:hover, +a:focus { + color: var(--link-focus); + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.img-rounded { + border-radius: 0; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +/* breadcrumbs */ +.breadcrumb { + padding: 20px 0; + margin-bottom: 20px; + background-color: transparent; + border-radius: 0; + text-align: right; +} +.breadcrumb > li + li:before { + content: ">\00a0"; + color: #555555; +} +.breadcrumb > .active { + color: #999999; +} +@media (max-width: 991px) { + .breadcrumb { + padding: 20px 0; + text-align: center; + } +} +/* dropdowns */ +.dropdown-menu { + z-index: 1000; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + padding: 5px 20px; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +/* labels */ +.label { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.08em; +} +/* forms.less */ +label { + font-weight: normal; +} +.form-control { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-control:focus { + border-color: var(--primary-accent); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); +} +.form-group { + margin-bottom: 20px; +} +/* pager*/ +.pager { + margin: 20px 0; + border-top: solid 1px #eeeeee; + padding-top: 20px; + text-transform: uppercase; + letter-spacing: 0.08em; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-radius: 0; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + color: #fff; + background-color: var(--primary-accent); +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + border-color: #ddd; +} +/* pagination */ +.pagination { + margin: 20px 0; + font-family: "Roboto", Helvetica, Arial, sans-serif; + border-radius: 0; +} +.pagination > li > a, +.pagination > li > span { + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: var(--primary-accent); + background-color: #ffffff; + border: 1px solid #dddddd; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: var(--primary-accent); + background-color: var(--pagination-bg); + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; +} +/* responsive utilities */ +@media (max-width: 767px) { + .text-center-xs { + text-align: center !important; + } + .text-center-xs img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .text-center-sm { + text-align: center !important; + } + .text-center-sm img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +/* type */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: 900; + line-height: 1.1; + color: #333333; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 20px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 18px; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +.text-small { + font-size: 12px; +} +.text-large { + font-size: 18px; +} +.text-italic { + font-style: italic; +} +.text-primary { + color: var(--primary-accent); +} +a.text-primary:hover { + color: var(--link-hover-bg); +} +.bg-primary { + color: #fff; + background-color: var(--primary-accent); +} +a.bg-primary:hover { + background-color: var(--link-hover-bg); +} +abbr[title], +abbr[data-original-title] { + border-bottom: 1px dotted #999999; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 14px; + border-left: 5px solid var(--primary-accent); +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + border-right: 5px solid var(--primary-accent); +} +address { + margin-bottom: 20px; + line-height: 1.42857143; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} +.panel-heading { + border-top-right-radius: 0; + border-top-left-radius: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 15px 15px; +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group.accordion .panel { + border-color: #ccc; +} +.panel-primary { + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: var(--primary-accent); +} +.panel-primary > .panel-heading .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: var(--primary-accent); +} +.panel-primary .panel-title { + font-weight: 300; +} +.panel-primary .panel-title a:hover { + color: #fff; + text-decoration: none; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.progress-bar-primary { + background-color: var(--primary-accent); +} +.progress-striped .progress-bar-primary { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +/*! + * Yamm!3 - Yet another megamenu for Bootstrap 3 + * http://geedmo.github.com/yamm3 + * + * @geedmo - Licensed under the MIT license + */ +.yamm .nav, +.yamm .collapse, +.yamm .dropup.use-yamm, +.yamm .dropdown.use-yamm { + position: static; +} +.yamm .container { + position: relative; +} +.yamm .dropdown-menu { + left: auto; +} +.yamm .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.yamm .yamm-content { + padding: 20px 30px; +} +.yamm .dropdown.yamm-fw .dropdown-menu { + left: 15px; + right: 15px; +} diff --git a/public/css/style.green.css b/public/css/style.green.css new file mode 100644 index 0000000..92e4f0a --- /dev/null +++ b/public/css/style.green.css @@ -0,0 +1,3598 @@ +/* Themed colors */ +:root { + --primary-accent: #6aae7a; + --navbar-border-top: #3f734b; + --button-border: #4d8e5c; + --link-focus: #488456; + --form-shadow: rgba(106, 174, 122, 0.6); + --pagination-bg: #cde4d2; + --link-hover-bg: #519461; + --navbar-focus: #acd2b5; +} +.center { + margin: auto; + width: 60%; + text-align: center; + border: 3px solid white +} + +.text_align { + text-align: justify; + border: 3px solid white +} + +.clearfix:before, +.clearfix:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after { + content: " "; + display: table; +} +.clearfix:after, +.navbar:after, +.navbar-header:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/* general styles */ +a, +button { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.clickable { + cursor: pointer !important; +} +.required { + color: var(--primary-accent); +} +.accent { + color: var(--primary-accent); +} +.text-uppercase { + text-transform: uppercase; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .text-center-sm { + text-align: center; + } +} +p.lead { + margin-bottom: 40px; +} +section, +div.section { + margin-bottom: 40px; +} +.no-mb { + margin-bottom: 0 !important; +} +.mb-small { + margin-bottom: 20px !important; +} +.heading { + margin-bottom: 40px; +} +.heading h1, +.heading h2, +.heading h3, +.heading h4, +.heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; + vertical-align: middle; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.heading h1 i[class^="fa"], +.heading h2 i[class^="fa"], +.heading h3 i[class^="fa"], +.heading h4 i[class^="fa"], +.heading h5 i[class^="fa"] { + display: inline-block; + background: var(--primary-accent); + width: 30px; + height: 30px; + vertical-align: middle; + text-align: center; + color: #fff; + font-size: 12px; + line-height: 30px; + border-radius: 15px; +} +.icon { + display: inline-block; + width: 80px; + height: 80px; + color: #fff; + line-height: 80px; + border-radius: 40px; + border: solid 1px #fff; + font-size: 20px; +} +.icon.icon-lg { + font-size: 30px; + border-width: 2px; +} +.ul-icons { + padding-left: 10px; +} +.ul-icons li { + list-style-type: none; + line-height: 20px; + margin-bottom: 20px; +} +.ul-icons li i { + width: 20px; + height: 20px; + background: var(--primary-accent); + color: #fff; + text-align: center; + border-radius: 10px; + line-height: 20px; + margin-right: 10px; +} +ul.list-style-none { + list-style: none; +} +#text-page h1, +#text-page h2, +#text-page h3 { + font-weight: 700; +} +#error-page { + text-align: center; + margin-top: 40px; + margin-bottom: 100px; +} +#error-page h4 { + margin-bottom: 40px; +} +#error-page p.buttons { + margin-top: 40px; +} +.pages-listing .item { + text-align: center; +} +.pages-listing .item h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 20px; + letter-spacing: 0.08em; +} +.pages-listing .item h3 a { + color: #555555; +} +.pages-listing .item .text { + margin-bottom: 20px; +} +.pages-listing .item .text p { + color: #999999; + font-size: 12px; + margin-bottom: 20px; +} +.banner { + margin-bottom: 30px; + text-align: center; +} +.banner img { + margin: 0 auto; +} +.banner a:hover img { + opacity: 0.8; + filter: alpha(opacity=80); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.pages { + text-align: center; +} +.pages .loadMore { + text-align: center; +} +.pages .pagination { + text-align: center; +} +.features-buttons button { + margin-bottom: 20px; +} +@media (min-width: 1300px) { + body.boxed { + background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png); + } + body.boxed #all { + position: relative; + background: #fff; + width: 1200px; + margin: 0 auto; + overflow: hidden; + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; + } +} +#top { + background: #555555; + color: #eeeeee; + padding: 10px 0; +} +#top p { + margin: 0; + font-size: 12px; +} +#top .social { + float: right; + text-align: right; +} +#top .social a { + color: #999999; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 12px; + line-height: 24px; + font-size: 12px; + text-align: center; +} +#top .social a:hover { + color: #fff; + background: var(--primary-accent); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +#top .social a:hover.facebook { + background-color: #4460ae; +} +#top .social a:hover.gplus { + background-color: #c21f25; +} +#top .social a:hover.twitter { + background-color: #3cf; +} +#top .social a:hover.instagram { + background-color: #cd4378; +} +#top .social a:hover.email { + background-color: #4a7f45; +} +#top .login { + float: right; +} +#top .login a { + font-size: 12px; + color: #eeeeee; + margin-right: 15px; + text-decoration: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.10em; +} +@media (max-width: 767px) { + #top .login { + float: left; + } +} +#top.light { + background: #fff; + color: #999999; + border-bottom: solid 1px #eeeeee; +} +#top.light .login a { + color: #555555; +} +.navbar { + border: none; +} +.navbar ul.nav > li > a { + text-transform: uppercase; + text-decoration: underline; + font-weight: bold; + letter-spacing: 0.08em; + border-top: solid 5px transparent; +} +.navbar ul.nav > li > a:hover { + border-top: solid 5px var(--primary-accent); +} +.navbar ul.nav > li.active > a, +.navbar ul.nav > li.open > a { + text-decoration: none !important; + border-top: solid 5px var(--navbar-border-top); +} +@media (max-width: 768px) { + .navbar ul.nav > li.active > a, + .navbar ul.nav > li.open > a { + border-top-color: transparent; + } + .navbar ul.nav > li > a:hover { + border-top-color: transparent; + } +} +.navbar.navbar-light ul.nav > li.active > a { + border-top: solid 5px var(--navbar-border-top); + background: #fff !important; + color: #555555 !important; +} +.navbar.navbar-light ul.nav > li.active > a:hover { + border-top: solid 5px var(--navbar-border-top); +} +.navbar.navbar-light ul.nav > li > a:hover, +.navbar.navbar-light ul.nav > li.open > a:hover, +.navbar.navbar-light ul.nav > li > a:focus, +.navbar.navbar-light ul.nav > li.open > a:focus { + border-top: solid 5px var(--primary-accent); + background: #fff !important; + color: #555555 !important; +} +.navbar ul.dropdown-menu { + margin: 0; + padding: 0; +} +.navbar ul.dropdown-menu li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 4px 0; +} +.navbar ul.dropdown-menu li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + left: 0; +} +.navbar ul.dropdown-menu li a:hover { + color: var(--primary-accent); + text-decoration: none; + background: none; + left: 2px; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .navbar ul.dropdown-menu li a:hover { + left: 0; + } +} +.navbar .yamm-content h3 { + font-size: 18px; + text-transform: uppercase; + padding-bottom: 10px; + margin-top: 5px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +@media (max-width: 767px) { + .navbar .yamm-content h3 { + font-size: 14px; + } +} +.navbar .yamm-content h5 { + text-transform: uppercase; + padding-bottom: 10px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +.navbar .yamm-content ul { + margin: 0; + padding: 0; +} +.navbar .yamm-content ul li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + padding: 4px 0; +} +.navbar .yamm-content ul li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.navbar .yamm-content ul li a:hover { + color: var(--primary-accent); + text-decoration: none; + padding-left: 2px; +} +.navbar .yamm-content .banner { + margin-bottom: 10px; +} +.navbar .yamm-fw .dropdown-menu { + padding: 0; +} +.navbar .navbar-buttons { + float: right; +} +.navbar .navbar-buttons button, +.navbar .navbar-buttons a.btn, +.navbar .navbar-buttons .btn-default.navbar-toggle { + margin-top: 11px; + margin-bottom: 11px; + margin-left: 0; + margin-right: 5px; +} +.navbar .btn-default, +.navbar .btn-default.navbar-toggle { + color: #999999; + background-color: #fff; + margin-left: 7px; + margin-right: 0; +} +.navbar .btn-default:hover, +.navbar .btn-default.navbar-toggle:hover, +.navbar .btn-default:focus, +.navbar .btn-default.navbar-toggle:focus { + background-color: #fff; + border-color: var(--primary-accent); + color: var(--primary-accent); +} +.navbar #search { + clear: both; + border-top: solid 1px var(--primary-accent); + text-align: right; +} +.navbar #search form { + float: right; +} +.navbar #search form .input-group { + width: 500px; +} +@media (max-width: 768px) { + .navbar #search form .input-group { + width: 100%; + } +} +.navbar #basket-overview a { + margin-left: 7px; +} +.navbar-affixed-top { + top: 0; + z-index: 1000; + width: 100%; +} +.navbar-affixed-top.affix { + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; +} +.navbar-affixed-top.affix + section { + margin-top: 62px; +} +@supports (position: sticky) { + .navbar-affixed-top { + position: sticky; + } + .navbar-affixed-top.affix + section { + margin-top: 0; + } +} +#login-modal { + overflow: hidden; +} +#login-modal .modal-header h4 { + text-transform: uppercase; +} +#login-modal form { + margin-bottom: 20px; +} +#login-modal a { + color: var(--primary-accent); +} +#login-modal p { + font-weight: 300; + margin-bottom: 20px; + font-size: 13px; +} +/* buttons */ +.btn { + font-weight: 700; + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + border-radius: 0; +} +.input-group .btn { + font-size: 14px; +} +.btn-lg { + padding: 10px 16px; + font-size: 14px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-template-main { + color: var(--primary-accent); + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + color: var(--primary-accent); + background-color: #e6e6e6; + border-color: var(--button-border); +} +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + background-image: none; +} +.btn-template-main.disabled, +.btn-template-main[disabled], +fieldset[disabled] .btn-template-main, +.btn-template-main.disabled:hover, +.btn-template-main[disabled]:hover, +fieldset[disabled] .btn-template-main:hover, +.btn-template-main.disabled:focus, +.btn-template-main[disabled]:focus, +fieldset[disabled] .btn-template-main:focus, +.btn-template-main.disabled:active, +.btn-template-main[disabled]:active, +fieldset[disabled] .btn-template-main:active, +.btn-template-main.disabled.active, +.btn-template-main[disabled].active, +fieldset[disabled] .btn-template-main.active { + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main .badge { + color: #ffffff; + background-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active { + background: var(--primary-accent); + color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-transparent-primary { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + background-image: none; +} +.btn-template-transparent-primary.disabled, +.btn-template-transparent-primary[disabled], +fieldset[disabled] .btn-template-transparent-primary, +.btn-template-transparent-primary.disabled:hover, +.btn-template-transparent-primary[disabled]:hover, +fieldset[disabled] .btn-template-transparent-primary:hover, +.btn-template-transparent-primary.disabled:focus, +.btn-template-transparent-primary[disabled]:focus, +fieldset[disabled] .btn-template-transparent-primary:focus, +.btn-template-transparent-primary.disabled:active, +.btn-template-transparent-primary[disabled]:active, +fieldset[disabled] .btn-template-transparent-primary:active, +.btn-template-transparent-primary.disabled.active, +.btn-template-transparent-primary[disabled].active, +fieldset[disabled] .btn-template-transparent-primary.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active { + background: #fff; + color: var(--primary-accent); + border-color: #fff; +} +.btn-template-transparent-black { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + background-image: none; +} +.btn-template-transparent-black.disabled, +.btn-template-transparent-black[disabled], +fieldset[disabled] .btn-template-transparent-black, +.btn-template-transparent-black.disabled:hover, +.btn-template-transparent-black[disabled]:hover, +fieldset[disabled] .btn-template-transparent-black:hover, +.btn-template-transparent-black.disabled:focus, +.btn-template-transparent-black[disabled]:focus, +fieldset[disabled] .btn-template-transparent-black:focus, +.btn-template-transparent-black.disabled:active, +.btn-template-transparent-black[disabled]:active, +fieldset[disabled] .btn-template-transparent-black:active, +.btn-template-transparent-black.disabled.active, +.btn-template-transparent-black[disabled].active, +fieldset[disabled] .btn-template-transparent-black.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active { + background: #fff; + color: #000; + border-color: #fff; +} +.btn-template-primary { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary:hover, +.btn-template-primary:focus, +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + color: #ffffff; + background-color: var(--link-hover-bg); + border-color: var(--button-border); +} +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + background-image: none; +} +.btn-template-primary.disabled, +.btn-template-primary[disabled], +fieldset[disabled] .btn-template-primary, +.btn-template-primary.disabled:hover, +.btn-template-primary[disabled]:hover, +fieldset[disabled] .btn-template-primary:hover, +.btn-template-primary.disabled:focus, +.btn-template-primary[disabled]:focus, +fieldset[disabled] .btn-template-primary:focus, +.btn-template-primary.disabled:active, +.btn-template-primary[disabled]:active, +fieldset[disabled] .btn-template-primary:active, +.btn-template-primary.disabled.active, +.btn-template-primary[disabled].active, +fieldset[disabled] .btn-template-primary.active { + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +#intro { + background: url('../img/home.jpg') no-repeat center top; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#intro .item { + font-family: "Roboto", Helvetica, Arial, sans-serif; + height: 100%; +} +#intro .item h1 { + text-transform: uppercase; + font-size: 50px; + color: #fff; + margin-bottom: 40px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #intro .item h1 { + font-size: 40px; + } +} +@media (max-width: 767px) { + #intro .item h1 { + font-size: 25px; + } +} +#intro .item h3 { + color: #fff; + margin-bottom: 40px; +} +@media (max-width: 767px) { + #intro .item h3 { + font-size: 15px; + margin-bottom: 20px; + } +} +#intro .item .btn { + text-transform: none; +} +@media (max-width: 991px) { + #intro .item .btn { + font-size: 14px; + } +} +@media (max-width: 991px) { + #intro .item .carousel-caption { + left: 10%; + right: 10%; + } +} +#intro .container, +#intro .row { + height: 100%; + position: relative; +} +.jumbotron { + padding: 30px; + margin-bottom: 0; + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.jumbotron .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3, +.jumbotron p, +.jumbotron ul { + color: #fff; +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3 { + color: #ffffff; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.jumbotron p { + margin-bottom: 20px; + font-size: 21px; + font-weight: 400; +} +.jumbotron p.text-uppercase { + font-weight: 700; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; + z-index: 2; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 46px; + } +} +#categoryMenu h3 { + padding: 20px; + background: #f7f7f7; + margin: 0; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.panel.sidebar-menu h3 { + padding: 5px 0; + margin: 0; +} +.panel.sidebar-menu { + background: #fff; + margin: 0 0 20px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.panel.sidebar-menu .panel-heading { + text-transform: uppercase; + margin-bottom: 10px; + background: none; + padding: 0; + letter-spacing: 0.08em; + border-bottom: none; +} +.panel.sidebar-menu .panel-heading h1, +.panel.sidebar-menu .panel-heading h2, +.panel.sidebar-menu .panel-heading h3, +.panel.sidebar-menu .panel-heading h4, +.panel.sidebar-menu .panel-heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; +} +.panel.sidebar-menu .panel-heading .btn.btn-danger { + color: #fff; + margin-top: 5px; +} +.panel.sidebar-menu .panel-body { + padding: 0; +} +.panel.sidebar-menu .panel-body span.colour { + display: inline-block; + width: 15px; + height: 15px; + border: solid 1px #555555; + vertical-align: top; + margin-top: 2px; + margin-left: 5px; +} +.panel.sidebar-menu .panel-body span.colour.white { + background: #fff; +} +.panel.sidebar-menu .panel-body span.colour.red { + background: red; +} +.panel.sidebar-menu .panel-body span.colour.green { + background: green; +} +.panel.sidebar-menu .panel-body span.colour.blue { + background: blue; +} +.panel.sidebar-menu .panel-body span.colour.yellow { + background: yellow; +} +.panel.sidebar-menu .panel-body label { + color: #999999; + font-size: 12px; +} +.panel.sidebar-menu .panel-body label:hover { + color: #555555; +} +.panel.sidebar-menu ul.nav.category-menu { + margin-bottom: 20px; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.08em; +} +.panel.sidebar-menu ul.nav.category-menu li a { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.panel.sidebar-menu ul.nav ul { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.nav ul li { + display: block; +} +.panel.sidebar-menu ul.nav ul li a { + position: relative; + font-family: "Times New Roman", Times, serif; + font-weight: normal; + text-transform: none !important; + display: block; + padding: 10px 15px; + padding-left: 30px; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.nav ul li a:hover, +.panel.sidebar-menu ul.nav ul li a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.panel.sidebar-menu ul.tag-cloud { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.tag-cloud li { + display: inline-block; +} +.panel.sidebar-menu ul.tag-cloud li a { + display: inline-block; + padding: 5px; + border: solid 1px #eeeeee; + border-radius: 0; + color: var(--primary-accent); + margin: 5px 5px 5px 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 700; + font-size: 12px; + text-decoration: none; +} +.panel.sidebar-menu ul.tag-cloud li a:hover { + color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a { + color: #FFFFFF; + background-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a:hover { + color: #FFFFFF; +} +.panel.sidebar-menu ul.popular, +.panel.sidebar-menu ul.recent { + list-style: none; + padding-left: 0; + padding: 20px 0; +} +.panel.sidebar-menu ul.popular li, +.panel.sidebar-menu ul.recent li { + margin-bottom: 10px; + padding: 5px 0; + border-bottom: dotted 1px #eeeeee; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li img, +.panel.sidebar-menu ul.recent li img { + width: 50px; + margin-right: 10px; +} +.panel.sidebar-menu ul.popular li h5, +.panel.sidebar-menu ul.recent li h5 { + margin: 0 0 10px; +} +.panel.sidebar-menu ul.popular li h5 a, +.panel.sidebar-menu ul.recent li h5 a { + font-weight: normal; +} +.panel.sidebar-menu ul.popular li p.date, +.panel.sidebar-menu ul.recent li p.date { + float: right; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.popular li:last-child, +.panel.sidebar-menu ul.recent li:last-child { + border-bottom: none; +} +.panel.sidebar-menu .text-widget { + font-size: 12px; +} +.panel.sidebar-menu.with-icons ul.nav li a:after { + font-family: 'FontAwesome'; + content: "\f105"; + position: relative; + top: 0; + float: right; +} +/* ribbons for product sales etc. */ +.ribbon { + position: absolute; + top: 50px; + padding-left: 51px; + font-weight: 700; + letter-spacing: 0.08em; +} +.ribbon .ribbon-background { + position: absolute; + top: 0; + right: 0; +} +.ribbon .theribbon { + position: relative; + width: 80px; + padding: 6px 20px 6px 20px; + margin: 30px 10px 10px -71px; + color: #fff; + background-color: var(--primary-accent); + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.ribbon .theribbon:before, +.ribbon .theribbon:after { + content: ' '; + position: absolute; + width: 0; + height: 0; +} +.ribbon .theribbon:after { + left: 0px; + top: 100%; + border-width: 5px 10px; + border-style: solid; + border-color: #000000 #000000 transparent transparent; +} +.ribbon.sale { + top: 0; +} +.ribbon.new { + top: 50px; +} +.ribbon.new .theribbon { + background-color: #5bc0de; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.new .theribbon:after { + border-color: #2390b0 #2390b0 transparent transparent; +} +.ribbon.gift { + top: 100px; +} +.ribbon.gift .theribbon { + background-color: #5cb85c; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.gift .theribbon:after { + border-color: #357935 #357935 transparent transparent; +} +.owl-carousel .owl-controls .owl-page.active span, +.owl-theme .owl-controls .owl-page.active span, +.owl-carousel .owl-controls.clickable .owl-page:hover span, +.owl-theme .owl-controls.clickable .owl-page:hover span { + background: var(--primary-accent); +} +.owl-carousel .owl-controls .owl-buttons, +.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 5px; + right: 0; +} +.owl-carousel .owl-controls .owl-buttons div, +.owl-theme .owl-controls .owl-buttons div { + width: 26px; + height: 26px; + line-height: 25px; + margin: 0 5px 0 0; + font-size: 18px; + color: var(--primary-accent); + padding: 0; + background: #fff; + border-radius: 13px; + vertical-align: middle; + text-align: center; + opacity: 1; + filter: alpha(opacity=100); +} +.home-carousel { + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.home-carousel .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.home-carousel .owl-carousel { + padding-top: 60px; + padding-bottom: 20px; +} +.home-carousel .owl-theme .owl-controls .owl-page span { + background: #666; +} +.home-carousel .owl-theme .owl-controls .owl-page.active span { + background: #fff; +} +.home-carousel .owl-theme .owl-controls .owl-page:hover span { + background: #fff; +} +@media (max-width: 767px) { + .home-carousel { + text-align: center !important; + } +} +@media (min-width: 992px) { + .home-carousel .right { + text-align: right; + } +} +.home-carousel h1, +.home-carousel h2, +.home-carousel h3, +.home-carousel p, +.home-carousel ul { + color: #fff; +} +.home-carousel h1 { + font-weight: 700; + text-transform: uppercase; + font-size: 46px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .home-carousel h1 { + font-size: 36px; + } +} +.home-carousel h2 { + font-weight: 700; + text-transform: uppercase; + font-size: 40px; + letter-spacing: 0.08em; +} +.home-carousel ul, +.home-carousel p { + font-size: 18px; + font-weight: 700; + padding: 0; + text-transform: uppercase; + letter-spacing: 0.10em; +} +@media (max-width: 991px) { + .home-carousel ul, + .home-carousel p { + font-size: 14px; + } +} +.home-carousel ul li { + margin-bottom: 10px; +} +.customers { + padding: 0; + margin-bottom: 40px; +} +.customers .item { + list-style-type: none; + text-align: center; + margin: 0 20px; +} +.customers .item img { + display: inline-block; + filter: url("data:image/svg+xml;utf8,#grayscale"); + /* Firefox 10+, Firefox on Android */ + filter: gray; + /* IE6-9 */ + -webkit-filter: grayscale(100%); + /* Chrome 19+, Safari 6+, Safari 6+ iOS */ + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.customers .item img:hover { + max-width: auto; + filter: none; + -webkit-filter: none; +} +.testimonials { + padding: 0; + margin-bottom: 40px; +} +.testimonials .item { + list-style-type: none; + margin: 0 5px; + background: #fff; + padding-bottom: 60px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.testimonials .item .testimonial { + position: relative; + padding: 20px; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial .text { + color: #999999; + margin-bottom: 40px; +} +.testimonials .item .testimonial .bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + height: 50px; +} +.testimonials .item .testimonial .bottom .icon { + color: var(--primary-accent); + font-size: 30px; + float: left; + width: 20%; +} +.testimonials .item .testimonial .name-picture { + float: right; + width: 80%; + text-align: right; +} +.testimonials .item .testimonial .name-picture h5 { + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.testimonials .item .testimonial .name-picture p { + color: #999999; + margin: 0; + font-size: 12px; +} +.testimonials .item .testimonial .name-picture img { + float: right; + width: 60px; + border-radius: 30px; + margin-left: 10px; +} +.team-member { + text-align: center; + margin-bottom: 40px; +} +.team-member h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 5px; + letter-spacing: 0.08em; +} +.team-member h3 a { + color: #555555; +} +.team-member p.role { + color: #999999; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.team-member .social { + margin-bottom: 20px; +} +.team-member .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email { + background-color: #4a7f45; +} +.team-member .text p { + color: #999999; + font-size: 12px; +} +.team-member .social, +.team-member-detail .social { + margin-bottom: 20px; +} +.team-member .social a, +.team-member-detail .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i, +.team-member-detail .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook, +.team-member-detail .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus, +.team-member-detail .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter, +.team-member-detail .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram, +.team-member-detail .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email, +.team-member-detail .social a.email { + background-color: #4a7f45; +} +.box-simple { + text-align: center; + margin-bottom: 40px; +} +.box-simple .icon { + color: var(--primary-accent); + border-color: var(--primary-accent); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.box-simple h3 { + font-weight: normal; + font-size: 18px; + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-simple h3 a { + color: #555555; +} +.box-simple p { + color: #999999; +} +.box-simple:hover .icon { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.box-simple:hover .icon i { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.box-simple.box-white { + padding: 20px; + border: dotted 1px #999999; +} +.box-simple.box-white .icon { + color: #555555; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark { + padding: 20px; + border: dotted 1px #999999; + background: #555555; + color: #fff; +} +.box-simple.box-dark .icon { + color: #f7f7f7; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark h3 { + color: #fff; +} +.box-simple.box-dark h3 a { + color: #fff; +} +.box-simple.box-dark p { + color: #fff; +} +.box-image { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +.box-image-text { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image-text .top { + position: relative; + margin-bottom: 10px; +} +.box-image-text .top .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image-text .top .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .top .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image-text .top .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image-text .top .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .content h3, +.box-image-text .content h4 { + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-image-text .content p { + color: #999999; +} +.box-image-text:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image-text:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image-text:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +/* universal box */ +.box { + background: #fff; + margin: 0 0 30px; + border: solid 1px #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 0; + border-left: none; + border-right: none; +} +.box .box-header { + background: #f7f7f7; + margin: -20px 0 20px; + padding: 20px; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-footer { + background: #f7f7f7; + margin: 30px 0 -20px; + padding: 20px; + border-top: solid 1px #eeeeee; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +@media (max-width: 991px) { + .box .box-footer .btn { + margin-bottom: 20px; + } +} +.box.no-border { + border: none; +} +#heading-breadcrumbs { + background: url('../img/texture-green.png') center center repeat; + padding: 20px 0; + margin-bottom: 40px; +} +#heading-breadcrumbs.no-mb { + margin-bottom: 0; +} +#heading-breadcrumbs h1 { + color: #333333; + text-transform: uppercase; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #heading-breadcrumbs h1 { + text-align: center; + } +} +#heading-breadcrumbs ul.breadcrumb { + margin-top: 5px; + margin-bottom: 0; +} +.bar { + position: relative; + background: var(--primary-accent); + padding: 60px 0; +} +.bar.background-pentagon { + background: url('../img/texture-green.png') center center repeat; + border-top: solid 1px #999999; + border-bottom: solid 1px #999999; +} +.bar.background-gray { + background: #eeeeee; +} +.bar.background-gray-dark { + background: #555555; +} +.bar.background-white { + background: #fff; +} +.bar.background-image-fixed-1 { + background: url('../img/fixed-background-1.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.background-image-fixed-2 { + background: url('../img/fixed-background-2.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.color-white h1, +.bar.color-white h2, +.bar.color-white h3, +.bar.color-white h4, +.bar.color-white h5, +.bar.color-white h6, +.bar.color-white p { + color: #fff; +} +.bar.padding-big { + padding: 50px 0; +} +.bar.padding-horizontal { + padding-left: 30px; + padding-right: 30px; +} +.bar.margin-vertical { + margin-top: 20px; + margin-bottom: 20px; +} +.bar .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} +.portfolio.no-space { + padding: 0 15px; +} +.portfolio.no-space .box-image { + margin: 0 -15px; +} +.portfolio-project .project-more h4 { + color: #555555; + text-transform: uppercase; + margin-bottom: 0; + text-align: left; + font-size: 14px; + letter-spacing: 0.08em; +} +.portfolio-project .project-more p { + color: #999999; + padding: 10px 0; + margin-bottom: 20px; + text-align: left; +} +.portfolio-showcase { + margin: 15px 0 60px; +} +.portfolio-showcase h3 a { + text-transform: uppercase; + line-height: 1.5; + letter-spacing: 0.08em; +} +.portfolio-showcase p.lead { + color: #555555; + margin-bottom: 20px; +} +.portfolio-showcase p { + color: #999999; +} +.portfolio-showcase p.buttons { + margin-top: 40px; +} +.see-more { + text-align: center; + margin-top: 20px; + padding-top: 20px; +} +.see-more p { + font-size: 28px; + font-weight: 100; + margin-bottom: 20px; +} +.showcase .item { + text-align: center; +} +.showcase .item .icon { + display: inline-block; + width: 50px; + height: 50px; + color: #555555; + line-height: 50px; + border-radius: 25px; + border: solid 1px #555555; +} +.showcase .item h4 { + color: #555555; + text-transform: uppercase; + letter-spacing: 0.08em; + line-height: 1.5; + font-size: 16px; +} +.showcase .item h4 span { + font-weight: bold; + font-size: 51px; +} +.packages .package { + background: #fff; + margin-top: 25px; + margin-bottom: 20px; + padding-bottom: 15px; + text-align: center; + border: solid 1px var(--primary-accent); + overflow: hidden; +} +.packages .package .package-header { + height: 57px; + color: #fff; + line-height: 57px; + background: var(--primary-accent); +} +.packages .package .package-header h5 { + color: #fff; + text-transform: uppercase; + font-weight: bold; + line-height: 57px; + margin: 0; + letter-spacing: 0.08em; +} +.packages .package .package-header.light-gray { + background: #eeeeee; +} +.packages .package .package-header.light-gray h5 { + color: #555555; +} +.packages .package .price { + line-height: 120px; + height: 100px; + color: #fff; + font-weight: 400; +} +.packages .package .price h4 { + display: inline; + font-size: 50px; + line-height: normal; + margin-bottom: 0; +} +.packages .package .price .period { + line-height: normal; + color: #999999; +} +.packages .package ul { + padding: 0; +} +.packages .package ul li { + list-style-type: none; + padding-top: 10px; + padding-bottom: 10px; + width: 80%; + margin: auto; + border-bottom: 1px dotted #ccc; +} +.packages .package ul li:last-child { + border-bottom: 0; +} +.packages .package ul li i { + font-size: 13px; + margin-right: 5px; +} +.packages .best-value .package { + margin-top: 0; + padding-bottom: 40px; +} +.packages .best-value .package .package-header { + height: 72px; + padding-top: 17px; + height: 82px !important; +} +.packages .best-value .package .package-header h5 { + font-weight: bold; + line-height: 29px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.packages .best-value .package .package-header .meta-text { + font-size: 13px; + line-height: 15px; +} +#map { + height: 300px; +} +#map.with-border { + border-top: solid 1px var(--primary-accent); + border-bottom: solid 1px var(--primary-accent); +} +#blog-listing-big .post, +#blog-homepage .post { + margin-bottom: 60px; +} +#blog-listing-big .post h2, +#blog-homepage .post h2, +#blog-listing-big .post h4, +#blog-homepage .post h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#blog-listing-big .post h2 a, +#blog-homepage .post h2 a, +#blog-listing-big .post h4 a, +#blog-homepage .post h4 a { + color: #555555; +} +#blog-listing-big .post h2 a:hover, +#blog-homepage .post h2 a:hover, +#blog-listing-big .post h4 a:hover, +#blog-homepage .post h4 a:hover { + color: var(--primary-accent); +} +#blog-listing-big .post .author-category, +#blog-homepage .post .author-category { + color: #999999; + text-transform: uppercase; + font-weight: 300; + letter-spacing: 0.08em; +} +#blog-listing-big .post .author-category a, +#blog-homepage .post .author-category a { + font-weight: 500; +} +#blog-listing-big .post .date-comments a, +#blog-homepage .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-big .post .date-comments a:hover, +#blog-homepage .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-big .post .date-comments, + #blog-homepage .post .date-comments { + text-align: right; + } +} +#blog-listing-big .post .intro, +#blog-homepage .post .intro { + text-align: left; +} +#blog-listing-big .post .image, +#blog-homepage .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-big .post .image img, +#blog-homepage .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-big .post .image img.img-responsive, + #blog-homepage .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-big .post .video, +#blog-homepage .post .video { + margin-bottom: 10px; +} +#blog-listing-big .post .read-more, +#blog-homepage .post .read-more { + text-align: right; +} +#blog-listing-medium .post { + margin-bottom: 60px; +} +#blog-listing-medium .post h2 { + text-transform: uppercase; + margin: 0 0 10px; + font-size: 24px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post h2 a { + color: #555555; +} +#blog-listing-medium .post h2 a:hover { + color: var(--primary-accent); +} +#blog-listing-medium .post .author-category { + float: left; + color: #999999; + text-transform: uppercase; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post .author-category a { + font-weight: 500; +} +#blog-listing-medium .post .date-comments { + float: right; + font-size: 12px; +} +#blog-listing-medium .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-medium .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-medium .post .date-comments { + text-align: right; + } +} +#blog-listing-medium .post .intro { + text-align: justify; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-medium .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-medium .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-medium .post .video { + margin-bottom: 10px; +} +#blog-listing-medium .post .read-more { + text-align: right; +} +.box-image-text.blog .author-category { + color: #999999; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 300; + font-size: 12px; +} +.box-image-text.blog .author-category a { + font-weight: 500; +} +.box-image-text.blog .intro { + text-align: justify; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 10; + -webkit-box-orient: vertical; + margin-bottom: 20px; +} +#blog-homepage .post { + margin-bottom: 30px; +} +#blog-homepage .post h2, +#blog-homepage .post h4, +#blog-homepage .post .author-category, +#blog-homepage .post .read-more { + text-align: center; +} +#blog-homepage .post .read-more { + margin-top: 20px; +} +#blog-post #post-content { + margin-bottom: 20px; + text-align: justify; +} +#blog-post #post-content img{ + max-width: 100%; + height: auto; + display: block; + margin: auto; +} +#blog-post .comment { + margin-bottom: 25px; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment .posted { + color: #999999; + font-size: 12px; +} +#blog-post .comment .reply { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#blog-post .comment.last { + margin-bottom: 0; +} +#blog-post #comments, +#blog-post #comment-form { + padding: 20px 0; + margin-top: 20px; + border-top: solid 1px #eeeeee; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments h4, +#blog-post #comment-form h4 { + margin-bottom: 20px; +} +#blog-post #comment-form { + margin-bottom: 20px; +} +.product { + background: #fff; + border-bottom: solid 1px #e6e6e6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 60px; + overflow: hidden; + text-align: center; +} +.product .image { + overflow: hidden; +} +.product .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .product .image img.img-responsive { + min-width: 100%; + } +} +.product .text { + padding: 10px; +} +.product .text h3 { + font-size: 14px; + font-weight: 700; + height: 39.6px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.product .text h3 a { + color: #555555; +} +.product .text h3 a:hover { + text-decoration: none; +} +.product .text p.price { + font-size: 18px; +} +.product .text p.price del { + color: #999999; +} +.product .buttons { + clear: both; + position: absolute; + display: none; + bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + border: solid 1px transparent; + padding: 20px; + background: rgba(255, 255, 255, 0.9); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + text-align: center; +} +.product .buttons .btn { + margin-bottom: 20px; +} +.product:hover { + border-bottom: solid 1px #808080; + top: 0; +} +.product:hover .buttons { + clear: both; + position: absolute; + top: 0; + background: rgba(255, 255, 255, 0.5); +} +.product:hover .image img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.goToDescription { + font-size: 12px; + text-align: center; + margin-bottom: 40px; +} +.goToDescription a { + color: #999999; + text-decoration: underline; +} +#productMain { + margin-bottom: 30px; +} +#productMain .sizes { + text-align: center; +} +#productMain .sizes h3 { + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + margin-bottom: 40px; +} +#productMain .sizes a { + display: inline-block; + width: 40px; + height: 40px; + border-radius: 40px; + background: #ccc; + line-height: 40px; + color: #555555; + text-align: center; + text-decoration: none; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#productMain .sizes a.active, +#productMain .sizes a:hover { + background: var(--primary-accent); + color: #fff; +} +#productMain .sizes input { + display: none; +} +#productMain .price { + font-size: 40px; + text-align: center; + margin-top: 40px; + margin-bottom: 40px; +} +#thumbs a { + display: block; + border: solid 1px transparent; +} +#thumbs a.active { + border-color: var(--primary-accent); +} +#product-social { + text-align: center; +} +#product-social h4 { + font-weight: 300; + margin-bottom: 10px; +} +#product-social p { + line-height: 26px; +} +#product-social p a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +#product-social p a i { + vertical-align: bottom; + line-height: 26px; +} +#product-social p a.facebook { + background-color: #4460ae; +} +#product-social p a.gplus { + background-color: #c21f25; +} +#product-social p a.twitter { + background-color: #3cf; +} +#product-social p a.instagram { + background-color: #cd4378; +} +#product-social p a.email { + background-color: #4a7f45; +} +@media (max-width: 991px) { + #product-social { + text-align: center; + } +} +#checkout .nav { + margin-bottom: 20px; + border-bottom: solid 1px var(--primary-accent); +} +#checkout .nav li { + height: 100%; +} +#checkout .nav li a { + display: block; + height: 100%; +} +#order-summary table { + margin-top: 20px; +} +#order-summary table td { + color: #999999; +} +#order-summary table tr.total td, +#order-summary table tr.total th { + font-size: 18px; + color: #555555; + font-weight: 700; +} +#checkout .table tbody tr td, +#basket .table tbody tr td, +#customer-order .table tbody tr td { + vertical-align: middle; +} +#checkout .table tbody tr td input, +#basket .table tbody tr td input, +#customer-order .table tbody tr td input { + width: 50px; + text-align: right; +} +#checkout .table tbody tr td img, +#basket .table tbody tr td img, +#customer-order .table tbody tr td img { + width: 50px; +} +#checkout .table tfoot, +#basket .table tfoot, +#customer-order .table tfoot { + font-size: 18px; +} +.shipping-method h4, +.payment-method h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#customer-orders table tr th, +#customer-orders table tr td { + vertical-align: baseline; +} +#customer-order .table tfoot th { + font-size: 18px; + font-weight: 300; +} +#customer-order .addresses { + text-align: right; + margin-bottom: 30px; +} +#customer-order .addresses p { + font-size: 18px; + font-weight: 300; +} +#customer-account { + margin-bottom: 30px; +} +#get-it { + background: var(--primary-accent); + padding: 50px 0 30px; + color: #fff; + text-align: center; +} +#get-it h1, +#get-it h2, +#get-it h3, +#get-it h4, +#get-it h5, +#get-it h6 { + color: #fff; + text-transform: uppercase; + letter-spacing: 0.08em; + margin: 0 0 20px; +} +#get-it p { + margin: 0 0 20px; +} +#footer { + background: #555555; + padding: 50px 0; + color: #999999; +} +#footer h1, +#footer h2, +#footer h3, +#footer h4, +#footer h5, +#footer h6 { + color: #eeeeee; +} +#footer h4 { + font-size: 14px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; +} +#footer ul { + padding-left: 0; + list-style: none; +} +#footer ul a { + color: #999999; +} +#footer ul a:hover { + color: var(--primary-accent); + text-decoration: none; +} +#footer .photostream div { + float: left; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 33%; + padding: 7.5px; + overflow: hidden; +} +#footer .photostream div a { + border: solid 1 px #eeeeee; +} +#footer .photostream div img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +#footer .photostream div:hover img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#footer .blog-entries .item { + clear: both; + padding: 5px 0; + margin-bottom: 10px; + border-bottom: solid 1px #555555; +} +#footer .blog-entries .item .image { + float: left; + width: 15%; + margin-right: 10px; +} +#footer .blog-entries .item .name { + width: 75%; + margin-left: 10px; + display: table-cell; + vertical-align: middle; +} +#footer .blog-entries .item .name h5 { + margin: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-size: 12px; +} +#footer .blog-entries .item .name h5 a { + color: #eeeeee; +} +#footer .blog-entries .item .text { + width: 100%; + clear: both; +} +#footer .blog-entries .item:last-child { + border-bottom: none; + margin-bottom: 0; +} +#footer .social a { + color: #555555; + font-size: 25px; + margin: 0 10px 0 0; +} +#footer .social a:hover { + color: var(--primary-accent); +} +#copyright { + background: #333; + color: #ccc; + padding: 50px 0; + font-size: 12px; + line-height: 28px; +} +#copyright p { + margin: 0; +} +@media (max-width: 991px) { + #copyright p { + float: none !important; + text-align: center; + margin-bottom: 10px; + } +} +[data-animate] { + opacity: 0; + filter: alpha(opacity=0); +} +#style-switch-button { + position: fixed; + top: 100px; + left: 0px; + border-radius: 0; +} +#style-switch { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 300px; + padding: 20px; + position: fixed; + top: 140px; + left: 0; + background: #fff; + border: solid 1px #eeeeee; +} +@media (max-width: 991px) { + #style-switch-button { + display: none; + } + #style-switch { + display: none; + } +} +/* Original Boostrap template overwrite */ +/* breadcrumbs */ +.breadcrumb { + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + background-color: none; + letter-spacing: 0.08em; +} +/* nav */ +.nav > li > a { + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: var(--primary-accent); +} +.nav-tabs { + border-bottom: 1px solid var(--primary-accent); +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee var(--primary-accent); +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content { + padding: 15px; + border: solid 1px #ddd; + border-top: none; +} +/* navbar */ +.navbar { + position: relative; + min-height: 62px; + margin-bottom: 0; + border-bottom: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-affixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-affixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 10px 15px; + font-size: 18px; + line-height: 20px; + height: 62px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand img { + max-height: 42px; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 14px; + margin-bottom: 14px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-nav { + margin: 10.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 21px; + padding-bottom: 21px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 14px; + margin-bottom: 14px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-btn.btn-sm { + margin-top: 16px; + margin-bottom: 16px; +} +.navbar-btn.btn-xs { + margin-top: 20px; + margin-bottom: 20px; +} +.navbar-text { + margin-top: 21px; + margin-bottom: 21px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #ffffff; + border-color: #cccccc; + border-bottom: none; +} +.navbar-default .navbar-brand { + color: #555555; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #3b3b3b; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #555555; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #555555; + background-color: var(--navbar-focus); +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: var(--primary-accent); +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #cccccc; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: var(--primary-accent); + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #555555; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #555555; +} +.navbar-default .navbar-link:hover { + color: #555555; +} +.navbar-default .btn-link { + color: #555555; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #555555; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc; +} +/* scaffolding */ +body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +a { + color: var(--primary-accent); + text-decoration: none; +} +a:hover, +a:focus { + color: var(--link-focus); + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.img-rounded { + border-radius: 0; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +/* breadcrumbs */ +.breadcrumb { + padding: 20px 0; + margin-bottom: 20px; + background-color: transparent; + border-radius: 0; + text-align: right; +} +.breadcrumb > li + li:before { + content: ">\00a0"; + color: #555555; +} +.breadcrumb > .active { + color: #999999; +} +@media (max-width: 991px) { + .breadcrumb { + padding: 20px 0; + text-align: center; + } +} +/* dropdowns */ +.dropdown-menu { + z-index: 1000; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + padding: 5px 20px; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +/* labels */ +.label { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.08em; +} +/* forms.less */ +label { + font-weight: normal; +} +.form-control { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-control:focus { + border-color: var(--primary-accent); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); +} +.form-group { + margin-bottom: 20px; +} +/* pager*/ +.pager { + margin: 20px 0; + border-top: solid 1px #eeeeee; + padding-top: 20px; + text-transform: uppercase; + letter-spacing: 0.08em; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-radius: 0; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + color: #fff; + background-color: var(--primary-accent); +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + border-color: #ddd; +} +/* pagination */ +.pagination { + margin: 20px 0; + font-family: "Roboto", Helvetica, Arial, sans-serif; + border-radius: 0; +} +.pagination > li > a, +.pagination > li > span { + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: var(--primary-accent); + background-color: #ffffff; + border: 1px solid #dddddd; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: var(--primary-accent); + background-color: var(--pagination-bg); + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; +} +/* responsive utilities */ +@media (max-width: 767px) { + .text-center-xs { + text-align: center !important; + } + .text-center-xs img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .text-center-sm { + text-align: center !important; + } + .text-center-sm img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +/* type */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: 900; + line-height: 1.1; + color: #333333; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 20px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 18px; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +.text-small { + font-size: 12px; +} +.text-large { + font-size: 18px; +} +.text-italic { + font-style: italic; +} +.text-primary { + color: var(--primary-accent); +} +a.text-primary:hover { + color: var(--link-hover-bg); +} +.bg-primary { + color: #fff; + background-color: var(--primary-accent); +} +a.bg-primary:hover { + background-color: var(--link-hover-bg); +} +abbr[title], +abbr[data-original-title] { + border-bottom: 1px dotted #999999; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 14px; + border-left: 5px solid var(--primary-accent); +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + border-right: 5px solid var(--primary-accent); +} +address { + margin-bottom: 20px; + line-height: 1.42857143; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} +.panel-heading { + border-top-right-radius: 0; + border-top-left-radius: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 15px 15px; +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group.accordion .panel { + border-color: #ccc; +} +.panel-primary { + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: var(--primary-accent); +} +.panel-primary > .panel-heading .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: var(--primary-accent); +} +.panel-primary .panel-title { + font-weight: 300; +} +.panel-primary .panel-title a:hover { + color: #fff; + text-decoration: none; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.progress-bar-primary { + background-color: var(--primary-accent); +} +.progress-striped .progress-bar-primary { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +/*! + * Yamm!3 - Yet another megamenu for Bootstrap 3 + * http://geedmo.github.com/yamm3 + * + * @geedmo - Licensed under the MIT license + */ +.yamm .nav, +.yamm .collapse, +.yamm .dropup.use-yamm, +.yamm .dropdown.use-yamm { + position: static; +} +.yamm .container { + position: relative; +} +.yamm .dropdown-menu { + left: auto; +} +.yamm .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.yamm .yamm-content { + padding: 20px 30px; +} +.yamm .dropdown.yamm-fw .dropdown-menu { + left: 15px; + right: 15px; +} diff --git a/public/css/style.marsala.css b/public/css/style.marsala.css new file mode 100644 index 0000000..c50437f --- /dev/null +++ b/public/css/style.marsala.css @@ -0,0 +1,3581 @@ +/* Themed colors */ +:root { + --primary-accent: #955251; + --navbar-border-top: #532e2d; + --button-border: #6d3c3b; + --link-focus: #633736; + --form-shadow: rgba(149, 82, 81, 0.6); + --pagination-bg: #d2adad; + --link-hover-bg: #74403f; + --navbar-focus: #c08c8c; +} + +.clearfix:before, +.clearfix:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after { + content: " "; + display: table; +} +.clearfix:after, +.navbar:after, +.navbar-header:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/* general styles */ +a, +button { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.clickable { + cursor: pointer !important; +} +.required { + color: var(--primary-accent); +} +.accent { + color: var(--primary-accent); +} +.text-uppercase { + text-transform: uppercase; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .text-center-sm { + text-align: center; + } +} +p.lead { + margin-bottom: 40px; +} +section, +div.section { + margin-bottom: 40px; +} +.no-mb { + margin-bottom: 0 !important; +} +.mb-small { + margin-bottom: 20px !important; +} +.heading { + margin-bottom: 40px; +} +.heading h1, +.heading h2, +.heading h3, +.heading h4, +.heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; + vertical-align: middle; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.heading h1 i[class^="fa"], +.heading h2 i[class^="fa"], +.heading h3 i[class^="fa"], +.heading h4 i[class^="fa"], +.heading h5 i[class^="fa"] { + display: inline-block; + background: var(--primary-accent); + width: 30px; + height: 30px; + vertical-align: middle; + text-align: center; + color: #fff; + font-size: 12px; + line-height: 30px; + border-radius: 15px; +} +.icon { + display: inline-block; + width: 80px; + height: 80px; + color: #fff; + line-height: 80px; + border-radius: 40px; + border: solid 1px #fff; + font-size: 20px; +} +.icon.icon-lg { + font-size: 30px; + border-width: 2px; +} +.ul-icons { + padding-left: 10px; +} +.ul-icons li { + list-style-type: none; + line-height: 20px; + margin-bottom: 20px; +} +.ul-icons li i { + width: 20px; + height: 20px; + background: var(--primary-accent); + color: #fff; + text-align: center; + border-radius: 10px; + line-height: 20px; + margin-right: 10px; +} +ul.list-style-none { + list-style: none; +} +#text-page h1, +#text-page h2, +#text-page h3 { + font-weight: 700; +} +#error-page { + text-align: center; + margin-top: 40px; + margin-bottom: 100px; +} +#error-page h4 { + margin-bottom: 40px; +} +#error-page p.buttons { + margin-top: 40px; +} +.pages-listing .item { + text-align: center; +} +.pages-listing .item h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 20px; + letter-spacing: 0.08em; +} +.pages-listing .item h3 a { + color: #555555; +} +.pages-listing .item .text { + margin-bottom: 20px; +} +.pages-listing .item .text p { + color: #999999; + font-size: 12px; + margin-bottom: 20px; +} +.banner { + margin-bottom: 30px; + text-align: center; +} +.banner img { + margin: 0 auto; +} +.banner a:hover img { + opacity: 0.8; + filter: alpha(opacity=80); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.pages { + text-align: center; +} +.pages .loadMore { + text-align: center; +} +.pages .pagination { + text-align: center; +} +.features-buttons button { + margin-bottom: 20px; +} +@media (min-width: 1300px) { + body.boxed { + background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png); + } + body.boxed #all { + position: relative; + background: #fff; + width: 1200px; + margin: 0 auto; + overflow: hidden; + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; + } +} +#top { + background: #555555; + color: #eeeeee; + padding: 10px 0; +} +#top p { + margin: 0; + font-size: 12px; +} +#top .social { + float: right; + text-align: right; +} +#top .social a { + color: #999999; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 12px; + line-height: 24px; + font-size: 12px; + text-align: center; +} +#top .social a:hover { + color: #fff; + background: var(--primary-accent); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +#top .social a:hover.facebook { + background-color: #4460ae; +} +#top .social a:hover.gplus { + background-color: #c21f25; +} +#top .social a:hover.twitter { + background-color: #3cf; +} +#top .social a:hover.instagram { + background-color: #cd4378; +} +#top .social a:hover.email { + background-color: #4a7f45; +} +#top .login { + float: right; +} +#top .login a { + font-size: 12px; + color: #eeeeee; + margin-right: 15px; + text-decoration: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.10em; +} +@media (max-width: 767px) { + #top .login { + float: left; + } +} +#top.light { + background: #fff; + color: #999999; + border-bottom: solid 1px #eeeeee; +} +#top.light .login a { + color: #555555; +} +.navbar { + border: none; +} +.navbar ul.nav > li > a { + text-transform: uppercase; + text-decoration: underline; + font-weight: bold; + letter-spacing: 0.08em; + border-top: solid 5px transparent; +} +.navbar ul.nav > li > a:hover { + border-top: solid 5px var(--primary-accent); +} +.navbar ul.nav > li.active > a, +.navbar ul.nav > li.open > a { + text-decoration: none !important; + border-top: solid 5px var(--navbar-border-top); +} +@media (max-width: 768px) { + .navbar ul.nav > li.active > a, + .navbar ul.nav > li.open > a { + border-top-color: transparent; + } + .navbar ul.nav > li > a:hover { + border-top-color: transparent; + } +} +.navbar.navbar-light ul.nav > li.active > a { + border-top: solid 5px var(--navbar-border-top); + background: #fff !important; + color: #555555 !important; +} +.navbar.navbar-light ul.nav > li.active > a:hover { + border-top: solid 5px var(--navbar-border-top); +} +.navbar.navbar-light ul.nav > li > a:hover, +.navbar.navbar-light ul.nav > li.open > a:hover, +.navbar.navbar-light ul.nav > li > a:focus, +.navbar.navbar-light ul.nav > li.open > a:focus { + border-top: solid 5px var(--primary-accent); + background: #fff !important; + color: #555555 !important; +} +.navbar ul.dropdown-menu { + margin: 0; + padding: 0; +} +.navbar ul.dropdown-menu li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 4px 0; +} +.navbar ul.dropdown-menu li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + left: 0; +} +.navbar ul.dropdown-menu li a:hover { + color: var(--primary-accent); + text-decoration: none; + background: none; + left: 2px; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .navbar ul.dropdown-menu li a:hover { + left: 0; + } +} +.navbar .yamm-content h3 { + font-size: 18px; + text-transform: uppercase; + padding-bottom: 10px; + margin-top: 5px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +@media (max-width: 767px) { + .navbar .yamm-content h3 { + font-size: 14px; + } +} +.navbar .yamm-content h5 { + text-transform: uppercase; + padding-bottom: 10px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +.navbar .yamm-content ul { + margin: 0; + padding: 0; +} +.navbar .yamm-content ul li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + padding: 4px 0; +} +.navbar .yamm-content ul li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.navbar .yamm-content ul li a:hover { + color: var(--primary-accent); + text-decoration: none; + padding-left: 2px; +} +.navbar .yamm-content .banner { + margin-bottom: 10px; +} +.navbar .yamm-fw .dropdown-menu { + padding: 0; +} +.navbar .navbar-buttons { + float: right; +} +.navbar .navbar-buttons button, +.navbar .navbar-buttons a.btn, +.navbar .navbar-buttons .btn-default.navbar-toggle { + margin-top: 11px; + margin-bottom: 11px; + margin-left: 0; + margin-right: 5px; +} +.navbar .btn-default, +.navbar .btn-default.navbar-toggle { + color: #999999; + background-color: #fff; + margin-left: 7px; + margin-right: 0; +} +.navbar .btn-default:hover, +.navbar .btn-default.navbar-toggle:hover, +.navbar .btn-default:focus, +.navbar .btn-default.navbar-toggle:focus { + background-color: #fff; + border-color: var(--primary-accent); + color: var(--primary-accent); +} +.navbar #search { + clear: both; + border-top: solid 1px var(--primary-accent); + text-align: right; +} +.navbar #search form { + float: right; +} +.navbar #search form .input-group { + width: 500px; +} +@media (max-width: 768px) { + .navbar #search form .input-group { + width: 100%; + } +} +.navbar #basket-overview a { + margin-left: 7px; +} +.navbar-affixed-top { + top: 0; + z-index: 1000; + width: 100%; +} +.navbar-affixed-top.affix { + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; +} +.navbar-affixed-top.affix + section { + margin-top: 62px; +} +@supports (position: sticky) { + .navbar-affixed-top { + position: sticky; + } + .navbar-affixed-top.affix + section { + margin-top: 0; + } +} +#login-modal { + overflow: hidden; +} +#login-modal .modal-header h4 { + text-transform: uppercase; +} +#login-modal form { + margin-bottom: 20px; +} +#login-modal a { + color: var(--primary-accent); +} +#login-modal p { + font-weight: 300; + margin-bottom: 20px; + font-size: 13px; +} +/* buttons */ +.btn { + font-weight: 700; + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + border-radius: 0; +} +.input-group .btn { + font-size: 14px; +} +.btn-lg { + padding: 10px 16px; + font-size: 14px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-template-main { + color: var(--primary-accent); + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + color: var(--primary-accent); + background-color: #e6e6e6; + border-color: var(--button-border); +} +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + background-image: none; +} +.btn-template-main.disabled, +.btn-template-main[disabled], +fieldset[disabled] .btn-template-main, +.btn-template-main.disabled:hover, +.btn-template-main[disabled]:hover, +fieldset[disabled] .btn-template-main:hover, +.btn-template-main.disabled:focus, +.btn-template-main[disabled]:focus, +fieldset[disabled] .btn-template-main:focus, +.btn-template-main.disabled:active, +.btn-template-main[disabled]:active, +fieldset[disabled] .btn-template-main:active, +.btn-template-main.disabled.active, +.btn-template-main[disabled].active, +fieldset[disabled] .btn-template-main.active { + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main .badge { + color: #ffffff; + background-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active { + background: var(--primary-accent); + color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-transparent-primary { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + background-image: none; +} +.btn-template-transparent-primary.disabled, +.btn-template-transparent-primary[disabled], +fieldset[disabled] .btn-template-transparent-primary, +.btn-template-transparent-primary.disabled:hover, +.btn-template-transparent-primary[disabled]:hover, +fieldset[disabled] .btn-template-transparent-primary:hover, +.btn-template-transparent-primary.disabled:focus, +.btn-template-transparent-primary[disabled]:focus, +fieldset[disabled] .btn-template-transparent-primary:focus, +.btn-template-transparent-primary.disabled:active, +.btn-template-transparent-primary[disabled]:active, +fieldset[disabled] .btn-template-transparent-primary:active, +.btn-template-transparent-primary.disabled.active, +.btn-template-transparent-primary[disabled].active, +fieldset[disabled] .btn-template-transparent-primary.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active { + background: #fff; + color: var(--primary-accent); + border-color: #fff; +} +.btn-template-transparent-black { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + background-image: none; +} +.btn-template-transparent-black.disabled, +.btn-template-transparent-black[disabled], +fieldset[disabled] .btn-template-transparent-black, +.btn-template-transparent-black.disabled:hover, +.btn-template-transparent-black[disabled]:hover, +fieldset[disabled] .btn-template-transparent-black:hover, +.btn-template-transparent-black.disabled:focus, +.btn-template-transparent-black[disabled]:focus, +fieldset[disabled] .btn-template-transparent-black:focus, +.btn-template-transparent-black.disabled:active, +.btn-template-transparent-black[disabled]:active, +fieldset[disabled] .btn-template-transparent-black:active, +.btn-template-transparent-black.disabled.active, +.btn-template-transparent-black[disabled].active, +fieldset[disabled] .btn-template-transparent-black.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active { + background: #fff; + color: #000; + border-color: #fff; +} +.btn-template-primary { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary:hover, +.btn-template-primary:focus, +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + color: #ffffff; + background-color: var(--link-hover-bg); + border-color: var(--button-border); +} +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + background-image: none; +} +.btn-template-primary.disabled, +.btn-template-primary[disabled], +fieldset[disabled] .btn-template-primary, +.btn-template-primary.disabled:hover, +.btn-template-primary[disabled]:hover, +fieldset[disabled] .btn-template-primary:hover, +.btn-template-primary.disabled:focus, +.btn-template-primary[disabled]:focus, +fieldset[disabled] .btn-template-primary:focus, +.btn-template-primary.disabled:active, +.btn-template-primary[disabled]:active, +fieldset[disabled] .btn-template-primary:active, +.btn-template-primary.disabled.active, +.btn-template-primary[disabled].active, +fieldset[disabled] .btn-template-primary.active { + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +#intro { + background: url('../img/home.jpg') no-repeat center top; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#intro .item { + font-family: "Roboto", Helvetica, Arial, sans-serif; + height: 100%; +} +#intro .item h1 { + text-transform: uppercase; + font-size: 50px; + color: #fff; + margin-bottom: 40px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #intro .item h1 { + font-size: 40px; + } +} +@media (max-width: 767px) { + #intro .item h1 { + font-size: 25px; + } +} +#intro .item h3 { + color: #fff; + margin-bottom: 40px; +} +@media (max-width: 767px) { + #intro .item h3 { + font-size: 15px; + margin-bottom: 20px; + } +} +#intro .item .btn { + text-transform: none; +} +@media (max-width: 991px) { + #intro .item .btn { + font-size: 14px; + } +} +@media (max-width: 991px) { + #intro .item .carousel-caption { + left: 10%; + right: 10%; + } +} +#intro .container, +#intro .row { + height: 100%; + position: relative; +} +.jumbotron { + padding: 30px; + margin-bottom: 0; + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.jumbotron .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3, +.jumbotron p, +.jumbotron ul { + color: #fff; +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3 { + color: #ffffff; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.jumbotron p { + margin-bottom: 20px; + font-size: 21px; + font-weight: 400; +} +.jumbotron p.text-uppercase { + font-weight: 700; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; + z-index: 2; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 46px; + } +} +#categoryMenu h3 { + padding: 20px; + background: #f7f7f7; + margin: 0; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.panel.sidebar-menu h3 { + padding: 5px 0; + margin: 0; +} +.panel.sidebar-menu { + background: #fff; + margin: 0 0 20px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.panel.sidebar-menu .panel-heading { + text-transform: uppercase; + margin-bottom: 10px; + background: none; + padding: 0; + letter-spacing: 0.08em; + border-bottom: none; +} +.panel.sidebar-menu .panel-heading h1, +.panel.sidebar-menu .panel-heading h2, +.panel.sidebar-menu .panel-heading h3, +.panel.sidebar-menu .panel-heading h4, +.panel.sidebar-menu .panel-heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; +} +.panel.sidebar-menu .panel-heading .btn.btn-danger { + color: #fff; + margin-top: 5px; +} +.panel.sidebar-menu .panel-body { + padding: 0; +} +.panel.sidebar-menu .panel-body span.colour { + display: inline-block; + width: 15px; + height: 15px; + border: solid 1px #555555; + vertical-align: top; + margin-top: 2px; + margin-left: 5px; +} +.panel.sidebar-menu .panel-body span.colour.white { + background: #fff; +} +.panel.sidebar-menu .panel-body span.colour.red { + background: red; +} +.panel.sidebar-menu .panel-body span.colour.green { + background: green; +} +.panel.sidebar-menu .panel-body span.colour.blue { + background: blue; +} +.panel.sidebar-menu .panel-body span.colour.yellow { + background: yellow; +} +.panel.sidebar-menu .panel-body label { + color: #999999; + font-size: 12px; +} +.panel.sidebar-menu .panel-body label:hover { + color: #555555; +} +.panel.sidebar-menu ul.nav.category-menu { + margin-bottom: 20px; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.08em; +} +.panel.sidebar-menu ul.nav.category-menu li a { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.panel.sidebar-menu ul.nav ul { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.nav ul li { + display: block; +} +.panel.sidebar-menu ul.nav ul li a { + position: relative; + font-family: "Times New Roman", Times, serif; + font-weight: normal; + text-transform: none !important; + display: block; + padding: 10px 15px; + padding-left: 30px; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.nav ul li a:hover, +.panel.sidebar-menu ul.nav ul li a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.panel.sidebar-menu ul.tag-cloud { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.tag-cloud li { + display: inline-block; +} +.panel.sidebar-menu ul.tag-cloud li a { + display: inline-block; + padding: 5px; + border: solid 1px #eeeeee; + border-radius: 0; + color: var(--primary-accent); + margin: 5px 5px 5px 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 700; + font-size: 12px; + text-decoration: none; +} +.panel.sidebar-menu ul.tag-cloud li a:hover { + color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a { + color: #FFFFFF; + background-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a:hover { + color: #FFFFFF; +} +.panel.sidebar-menu ul.popular, +.panel.sidebar-menu ul.recent { + list-style: none; + padding-left: 0; + padding: 20px 0; +} +.panel.sidebar-menu ul.popular li, +.panel.sidebar-menu ul.recent li { + margin-bottom: 10px; + padding: 5px 0; + border-bottom: dotted 1px #eeeeee; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li img, +.panel.sidebar-menu ul.recent li img { + width: 50px; + margin-right: 10px; +} +.panel.sidebar-menu ul.popular li h5, +.panel.sidebar-menu ul.recent li h5 { + margin: 0 0 10px; +} +.panel.sidebar-menu ul.popular li h5 a, +.panel.sidebar-menu ul.recent li h5 a { + font-weight: normal; +} +.panel.sidebar-menu ul.popular li p.date, +.panel.sidebar-menu ul.recent li p.date { + float: right; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.popular li:last-child, +.panel.sidebar-menu ul.recent li:last-child { + border-bottom: none; +} +.panel.sidebar-menu .text-widget { + font-size: 12px; +} +.panel.sidebar-menu.with-icons ul.nav li a:after { + font-family: 'FontAwesome'; + content: "\f105"; + position: relative; + top: 0; + float: right; +} +/* ribbons for product sales etc. */ +.ribbon { + position: absolute; + top: 50px; + padding-left: 51px; + font-weight: 700; + letter-spacing: 0.08em; +} +.ribbon .ribbon-background { + position: absolute; + top: 0; + right: 0; +} +.ribbon .theribbon { + position: relative; + width: 80px; + padding: 6px 20px 6px 20px; + margin: 30px 10px 10px -71px; + color: #fff; + background-color: var(--primary-accent); + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.ribbon .theribbon:before, +.ribbon .theribbon:after { + content: ' '; + position: absolute; + width: 0; + height: 0; +} +.ribbon .theribbon:after { + left: 0px; + top: 100%; + border-width: 5px 10px; + border-style: solid; + border-color: #000000 #000000 transparent transparent; +} +.ribbon.sale { + top: 0; +} +.ribbon.new { + top: 50px; +} +.ribbon.new .theribbon { + background-color: #5bc0de; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.new .theribbon:after { + border-color: #2390b0 #2390b0 transparent transparent; +} +.ribbon.gift { + top: 100px; +} +.ribbon.gift .theribbon { + background-color: #5cb85c; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.gift .theribbon:after { + border-color: #357935 #357935 transparent transparent; +} +.owl-carousel .owl-controls .owl-page.active span, +.owl-theme .owl-controls .owl-page.active span, +.owl-carousel .owl-controls.clickable .owl-page:hover span, +.owl-theme .owl-controls.clickable .owl-page:hover span { + background: var(--primary-accent); +} +.owl-carousel .owl-controls .owl-buttons, +.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 5px; + right: 0; +} +.owl-carousel .owl-controls .owl-buttons div, +.owl-theme .owl-controls .owl-buttons div { + width: 26px; + height: 26px; + line-height: 25px; + margin: 0 5px 0 0; + font-size: 18px; + color: var(--primary-accent); + padding: 0; + background: #fff; + border-radius: 13px; + vertical-align: middle; + text-align: center; + opacity: 1; + filter: alpha(opacity=100); +} +.home-carousel { + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.home-carousel .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.home-carousel .owl-carousel { + padding-top: 60px; + padding-bottom: 20px; +} +.home-carousel .owl-theme .owl-controls .owl-page span { + background: #666; +} +.home-carousel .owl-theme .owl-controls .owl-page.active span { + background: #fff; +} +.home-carousel .owl-theme .owl-controls .owl-page:hover span { + background: #fff; +} +@media (max-width: 767px) { + .home-carousel { + text-align: center !important; + } +} +@media (min-width: 992px) { + .home-carousel .right { + text-align: right; + } +} +.home-carousel h1, +.home-carousel h2, +.home-carousel h3, +.home-carousel p, +.home-carousel ul { + color: #fff; +} +.home-carousel h1 { + font-weight: 700; + text-transform: uppercase; + font-size: 46px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .home-carousel h1 { + font-size: 36px; + } +} +.home-carousel h2 { + font-weight: 700; + text-transform: uppercase; + font-size: 40px; + letter-spacing: 0.08em; +} +.home-carousel ul, +.home-carousel p { + font-size: 18px; + font-weight: 700; + padding: 0; + text-transform: uppercase; + letter-spacing: 0.10em; +} +@media (max-width: 991px) { + .home-carousel ul, + .home-carousel p { + font-size: 14px; + } +} +.home-carousel ul li { + margin-bottom: 10px; +} +.customers { + padding: 0; + margin-bottom: 40px; +} +.customers .item { + list-style-type: none; + text-align: center; + margin: 0 20px; +} +.customers .item img { + display: inline-block; + filter: url("data:image/svg+xml;utf8,#grayscale"); + /* Firefox 10+, Firefox on Android */ + filter: gray; + /* IE6-9 */ + -webkit-filter: grayscale(100%); + /* Chrome 19+, Safari 6+, Safari 6+ iOS */ + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.customers .item img:hover { + max-width: auto; + filter: none; + -webkit-filter: none; +} +.testimonials { + padding: 0; + margin-bottom: 40px; +} +.testimonials .item { + list-style-type: none; + margin: 0 5px; + background: #fff; + padding-bottom: 60px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.testimonials .item .testimonial { + position: relative; + padding: 20px; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial .text { + color: #999999; + margin-bottom: 40px; +} +.testimonials .item .testimonial .bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + height: 50px; +} +.testimonials .item .testimonial .bottom .icon { + color: var(--primary-accent); + font-size: 30px; + float: left; + width: 20%; +} +.testimonials .item .testimonial .name-picture { + float: right; + width: 80%; + text-align: right; +} +.testimonials .item .testimonial .name-picture h5 { + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.testimonials .item .testimonial .name-picture p { + color: #999999; + margin: 0; + font-size: 12px; +} +.testimonials .item .testimonial .name-picture img { + float: right; + width: 60px; + border-radius: 30px; + margin-left: 10px; +} +.team-member { + text-align: center; + margin-bottom: 40px; +} +.team-member h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 5px; + letter-spacing: 0.08em; +} +.team-member h3 a { + color: #555555; +} +.team-member p.role { + color: #999999; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.team-member .social { + margin-bottom: 20px; +} +.team-member .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email { + background-color: #4a7f45; +} +.team-member .text p { + color: #999999; + font-size: 12px; +} +.team-member .social, +.team-member-detail .social { + margin-bottom: 20px; +} +.team-member .social a, +.team-member-detail .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i, +.team-member-detail .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook, +.team-member-detail .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus, +.team-member-detail .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter, +.team-member-detail .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram, +.team-member-detail .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email, +.team-member-detail .social a.email { + background-color: #4a7f45; +} +.box-simple { + text-align: center; + margin-bottom: 40px; +} +.box-simple .icon { + color: var(--primary-accent); + border-color: var(--primary-accent); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.box-simple h3 { + font-weight: normal; + font-size: 18px; + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-simple h3 a { + color: #555555; +} +.box-simple p { + color: #999999; +} +.box-simple:hover .icon { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.box-simple:hover .icon i { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.box-simple.box-white { + padding: 20px; + border: dotted 1px #999999; +} +.box-simple.box-white .icon { + color: #555555; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark { + padding: 20px; + border: dotted 1px #999999; + background: #555555; + color: #fff; +} +.box-simple.box-dark .icon { + color: #f7f7f7; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark h3 { + color: #fff; +} +.box-simple.box-dark h3 a { + color: #fff; +} +.box-simple.box-dark p { + color: #fff; +} +.box-image { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +.box-image-text { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image-text .top { + position: relative; + margin-bottom: 10px; +} +.box-image-text .top .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image-text .top .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .top .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image-text .top .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image-text .top .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .content h3, +.box-image-text .content h4 { + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-image-text .content p { + color: #999999; +} +.box-image-text:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image-text:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image-text:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +/* universal box */ +.box { + background: #fff; + margin: 0 0 30px; + border: solid 1px #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 0; + border-left: none; + border-right: none; +} +.box .box-header { + background: #f7f7f7; + margin: -20px 0 20px; + padding: 20px; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-footer { + background: #f7f7f7; + margin: 30px 0 -20px; + padding: 20px; + border-top: solid 1px #eeeeee; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +@media (max-width: 991px) { + .box .box-footer .btn { + margin-bottom: 20px; + } +} +.box.no-border { + border: none; +} +#heading-breadcrumbs { + background: url('../img/texture-bw.png') center center repeat; + padding: 20px 0; + margin-bottom: 40px; +} +#heading-breadcrumbs.no-mb { + margin-bottom: 0; +} +#heading-breadcrumbs h1 { + color: #333333; + text-transform: uppercase; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #heading-breadcrumbs h1 { + text-align: center; + } +} +#heading-breadcrumbs ul.breadcrumb { + margin-top: 5px; + margin-bottom: 0; +} +.bar { + position: relative; + background: var(--primary-accent); + padding: 60px 0; +} +.bar.background-pentagon { + background: url('../img/texture-bw.png') center center repeat; + border-top: solid 1px #999999; + border-bottom: solid 1px #999999; +} +.bar.background-gray { + background: #eeeeee; +} +.bar.background-gray-dark { + background: #555555; +} +.bar.background-white { + background: #fff; +} +.bar.background-image-fixed-1 { + background: url('../img/fixed-background-1.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.background-image-fixed-2 { + background: url('../img/fixed-background-2.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.color-white h1, +.bar.color-white h2, +.bar.color-white h3, +.bar.color-white h4, +.bar.color-white h5, +.bar.color-white h6, +.bar.color-white p { + color: #fff; +} +.bar.padding-big { + padding: 50px 0; +} +.bar.padding-horizontal { + padding-left: 30px; + padding-right: 30px; +} +.bar.margin-vertical { + margin-top: 20px; + margin-bottom: 20px; +} +.bar .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} +.portfolio.no-space { + padding: 0 15px; +} +.portfolio.no-space .box-image { + margin: 0 -15px; +} +.portfolio-project .project-more h4 { + color: #555555; + text-transform: uppercase; + margin-bottom: 0; + text-align: left; + font-size: 14px; + letter-spacing: 0.08em; +} +.portfolio-project .project-more p { + color: #999999; + padding: 10px 0; + margin-bottom: 20px; + text-align: left; +} +.portfolio-showcase { + margin: 15px 0 60px; +} +.portfolio-showcase h3 a { + text-transform: uppercase; + line-height: 1.5; + letter-spacing: 0.08em; +} +.portfolio-showcase p.lead { + color: #555555; + margin-bottom: 20px; +} +.portfolio-showcase p { + color: #999999; +} +.portfolio-showcase p.buttons { + margin-top: 40px; +} +.see-more { + text-align: center; + margin-top: 20px; + padding-top: 20px; +} +.see-more p { + font-size: 28px; + font-weight: 100; + margin-bottom: 20px; +} +.showcase .item { + text-align: center; +} +.showcase .item .icon { + display: inline-block; + width: 50px; + height: 50px; + color: #555555; + line-height: 50px; + border-radius: 25px; + border: solid 1px #555555; +} +.showcase .item h4 { + color: #555555; + text-transform: uppercase; + letter-spacing: 0.08em; + line-height: 1.5; + font-size: 16px; +} +.showcase .item h4 span { + font-weight: bold; + font-size: 51px; +} +.packages .package { + background: #fff; + margin-top: 25px; + margin-bottom: 20px; + padding-bottom: 15px; + text-align: center; + border: solid 1px var(--primary-accent); + overflow: hidden; +} +.packages .package .package-header { + height: 57px; + color: #fff; + line-height: 57px; + background: var(--primary-accent); +} +.packages .package .package-header h5 { + color: #fff; + text-transform: uppercase; + font-weight: bold; + line-height: 57px; + margin: 0; + letter-spacing: 0.08em; +} +.packages .package .package-header.light-gray { + background: #eeeeee; +} +.packages .package .package-header.light-gray h5 { + color: #555555; +} +.packages .package .price { + line-height: 120px; + height: 100px; + color: #fff; + font-weight: 400; +} +.packages .package .price h4 { + display: inline; + font-size: 50px; + line-height: normal; + margin-bottom: 0; +} +.packages .package .price .period { + line-height: normal; + color: #999999; +} +.packages .package ul { + padding: 0; +} +.packages .package ul li { + list-style-type: none; + padding-top: 10px; + padding-bottom: 10px; + width: 80%; + margin: auto; + border-bottom: 1px dotted #ccc; +} +.packages .package ul li:last-child { + border-bottom: 0; +} +.packages .package ul li i { + font-size: 13px; + margin-right: 5px; +} +.packages .best-value .package { + margin-top: 0; + padding-bottom: 40px; +} +.packages .best-value .package .package-header { + height: 72px; + padding-top: 17px; + height: 82px !important; +} +.packages .best-value .package .package-header h5 { + font-weight: bold; + line-height: 29px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.packages .best-value .package .package-header .meta-text { + font-size: 13px; + line-height: 15px; +} +#map { + height: 300px; +} +#map.with-border { + border-top: solid 1px var(--primary-accent); + border-bottom: solid 1px var(--primary-accent); +} +#blog-listing-big .post, +#blog-homepage .post { + margin-bottom: 60px; +} +#blog-listing-big .post h2, +#blog-homepage .post h2, +#blog-listing-big .post h4, +#blog-homepage .post h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#blog-listing-big .post h2 a, +#blog-homepage .post h2 a, +#blog-listing-big .post h4 a, +#blog-homepage .post h4 a { + color: #555555; +} +#blog-listing-big .post h2 a:hover, +#blog-homepage .post h2 a:hover, +#blog-listing-big .post h4 a:hover, +#blog-homepage .post h4 a:hover { + color: var(--primary-accent); +} +#blog-listing-big .post .author-category, +#blog-homepage .post .author-category { + color: #999999; + text-transform: uppercase; + font-weight: 300; + letter-spacing: 0.08em; +} +#blog-listing-big .post .author-category a, +#blog-homepage .post .author-category a { + font-weight: 500; +} +#blog-listing-big .post .date-comments a, +#blog-homepage .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-big .post .date-comments a:hover, +#blog-homepage .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-big .post .date-comments, + #blog-homepage .post .date-comments { + text-align: right; + } +} +#blog-listing-big .post .intro, +#blog-homepage .post .intro { + text-align: left; +} +#blog-listing-big .post .image, +#blog-homepage .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-big .post .image img, +#blog-homepage .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-big .post .image img.img-responsive, + #blog-homepage .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-big .post .video, +#blog-homepage .post .video { + margin-bottom: 10px; +} +#blog-listing-big .post .read-more, +#blog-homepage .post .read-more { + text-align: right; +} +#blog-listing-medium .post { + margin-bottom: 60px; +} +#blog-listing-medium .post h2 { + text-transform: uppercase; + margin: 0 0 10px; + font-size: 24px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post h2 a { + color: #555555; +} +#blog-listing-medium .post h2 a:hover { + color: var(--primary-accent); +} +#blog-listing-medium .post .author-category { + float: left; + color: #999999; + text-transform: uppercase; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post .author-category a { + font-weight: 500; +} +#blog-listing-medium .post .date-comments { + float: right; + font-size: 12px; +} +#blog-listing-medium .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-medium .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-medium .post .date-comments { + text-align: right; + } +} +#blog-listing-medium .post .intro { + text-align: left; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-medium .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-medium .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-medium .post .video { + margin-bottom: 10px; +} +#blog-listing-medium .post .read-more { + text-align: right; +} +.box-image-text.blog .author-category { + color: #999999; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 300; + font-size: 12px; +} +.box-image-text.blog .author-category a { + font-weight: 500; +} +.box-image-text.blog .intro { + text-align: left; + margin-bottom: 20px; +} +#blog-homepage .post { + margin-bottom: 30px; +} +#blog-homepage .post h2, +#blog-homepage .post h4, +#blog-homepage .post .author-category, +#blog-homepage .post .read-more { + text-align: center; +} +#blog-homepage .post .read-more { + margin-top: 20px; +} +#blog-post #post-content { + margin-bottom: 20px; +} +#blog-post #post-content img{ + max-width: 100%; + height: auto; + display: block; + margin: auto; +} +#blog-post .comment { + margin-bottom: 25px; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment .posted { + color: #999999; + font-size: 12px; +} +#blog-post .comment .reply { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#blog-post .comment.last { + margin-bottom: 0; +} +#blog-post #comments, +#blog-post #comment-form { + padding: 20px 0; + margin-top: 20px; + border-top: solid 1px #eeeeee; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments h4, +#blog-post #comment-form h4 { + margin-bottom: 20px; +} +#blog-post #comment-form { + margin-bottom: 20px; +} +.product { + background: #fff; + border-bottom: solid 1px #e6e6e6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 60px; + overflow: hidden; + text-align: center; +} +.product .image { + overflow: hidden; +} +.product .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .product .image img.img-responsive { + min-width: 100%; + } +} +.product .text { + padding: 10px; +} +.product .text h3 { + font-size: 14px; + font-weight: 700; + height: 39.6px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.product .text h3 a { + color: #555555; +} +.product .text h3 a:hover { + text-decoration: none; +} +.product .text p.price { + font-size: 18px; +} +.product .text p.price del { + color: #999999; +} +.product .buttons { + clear: both; + position: absolute; + display: none; + bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + border: solid 1px transparent; + padding: 20px; + background: rgba(255, 255, 255, 0.9); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + text-align: center; +} +.product .buttons .btn { + margin-bottom: 20px; +} +.product:hover { + border-bottom: solid 1px #808080; + top: 0; +} +.product:hover .buttons { + clear: both; + position: absolute; + top: 0; + background: rgba(255, 255, 255, 0.5); +} +.product:hover .image img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.goToDescription { + font-size: 12px; + text-align: center; + margin-bottom: 40px; +} +.goToDescription a { + color: #999999; + text-decoration: underline; +} +#productMain { + margin-bottom: 30px; +} +#productMain .sizes { + text-align: center; +} +#productMain .sizes h3 { + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + margin-bottom: 40px; +} +#productMain .sizes a { + display: inline-block; + width: 40px; + height: 40px; + border-radius: 40px; + background: #ccc; + line-height: 40px; + color: #555555; + text-align: center; + text-decoration: none; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#productMain .sizes a.active, +#productMain .sizes a:hover { + background: var(--primary-accent); + color: #fff; +} +#productMain .sizes input { + display: none; +} +#productMain .price { + font-size: 40px; + text-align: center; + margin-top: 40px; + margin-bottom: 40px; +} +#thumbs a { + display: block; + border: solid 1px transparent; +} +#thumbs a.active { + border-color: var(--primary-accent); +} +#product-social { + text-align: center; +} +#product-social h4 { + font-weight: 300; + margin-bottom: 10px; +} +#product-social p { + line-height: 26px; +} +#product-social p a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +#product-social p a i { + vertical-align: bottom; + line-height: 26px; +} +#product-social p a.facebook { + background-color: #4460ae; +} +#product-social p a.gplus { + background-color: #c21f25; +} +#product-social p a.twitter { + background-color: #3cf; +} +#product-social p a.instagram { + background-color: #cd4378; +} +#product-social p a.email { + background-color: #4a7f45; +} +@media (max-width: 991px) { + #product-social { + text-align: center; + } +} +#checkout .nav { + margin-bottom: 20px; + border-bottom: solid 1px var(--primary-accent); +} +#checkout .nav li { + height: 100%; +} +#checkout .nav li a { + display: block; + height: 100%; +} +#order-summary table { + margin-top: 20px; +} +#order-summary table td { + color: #999999; +} +#order-summary table tr.total td, +#order-summary table tr.total th { + font-size: 18px; + color: #555555; + font-weight: 700; +} +#checkout .table tbody tr td, +#basket .table tbody tr td, +#customer-order .table tbody tr td { + vertical-align: middle; +} +#checkout .table tbody tr td input, +#basket .table tbody tr td input, +#customer-order .table tbody tr td input { + width: 50px; + text-align: right; +} +#checkout .table tbody tr td img, +#basket .table tbody tr td img, +#customer-order .table tbody tr td img { + width: 50px; +} +#checkout .table tfoot, +#basket .table tfoot, +#customer-order .table tfoot { + font-size: 18px; +} +.shipping-method h4, +.payment-method h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#customer-orders table tr th, +#customer-orders table tr td { + vertical-align: baseline; +} +#customer-order .table tfoot th { + font-size: 18px; + font-weight: 300; +} +#customer-order .addresses { + text-align: right; + margin-bottom: 30px; +} +#customer-order .addresses p { + font-size: 18px; + font-weight: 300; +} +#customer-account { + margin-bottom: 30px; +} +#get-it { + background: var(--primary-accent); + padding: 50px 0 30px; + color: #fff; + text-align: center; +} +#get-it h1, +#get-it h2, +#get-it h3, +#get-it h4, +#get-it h5, +#get-it h6 { + color: #fff; + text-transform: uppercase; + letter-spacing: 0.08em; + margin: 0 0 20px; +} +#get-it p { + margin: 0 0 20px; +} +#footer { + background: #555555; + padding: 50px 0; + color: #999999; +} +#footer h1, +#footer h2, +#footer h3, +#footer h4, +#footer h5, +#footer h6 { + color: #eeeeee; +} +#footer h4 { + font-size: 14px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; +} +#footer ul { + padding-left: 0; + list-style: none; +} +#footer ul a { + color: #999999; +} +#footer ul a:hover { + color: var(--primary-accent); + text-decoration: none; +} +#footer .photostream div { + float: left; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 33%; + padding: 7.5px; + overflow: hidden; +} +#footer .photostream div a { + border: solid 1 px #eeeeee; +} +#footer .photostream div img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +#footer .photostream div:hover img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#footer .blog-entries .item { + clear: both; + padding: 5px 0; + margin-bottom: 10px; + border-bottom: solid 1px #555555; +} +#footer .blog-entries .item .image { + float: left; + width: 15%; + margin-right: 10px; +} +#footer .blog-entries .item .name { + width: 75%; + margin-left: 10px; + display: table-cell; + vertical-align: middle; +} +#footer .blog-entries .item .name h5 { + margin: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-size: 12px; +} +#footer .blog-entries .item .name h5 a { + color: #eeeeee; +} +#footer .blog-entries .item .text { + width: 100%; + clear: both; +} +#footer .blog-entries .item:last-child { + border-bottom: none; + margin-bottom: 0; +} +#footer .social a { + color: #555555; + font-size: 25px; + margin: 0 10px 0 0; +} +#footer .social a:hover { + color: var(--primary-accent); +} +#copyright { + background: #333; + color: #ccc; + padding: 50px 0; + font-size: 12px; + line-height: 28px; +} +#copyright p { + margin: 0; +} +@media (max-width: 991px) { + #copyright p { + float: none !important; + text-align: center; + margin-bottom: 10px; + } +} +[data-animate] { + opacity: 0; + filter: alpha(opacity=0); +} +#style-switch-button { + position: fixed; + top: 100px; + left: 0px; + border-radius: 0; +} +#style-switch { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 300px; + padding: 20px; + position: fixed; + top: 140px; + left: 0; + background: #fff; + border: solid 1px #eeeeee; +} +@media (max-width: 991px) { + #style-switch-button { + display: none; + } + #style-switch { + display: none; + } +} +/* Original Boostrap template overwrite */ +/* breadcrumbs */ +.breadcrumb { + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + background-color: none; + letter-spacing: 0.08em; +} +/* nav */ +.nav > li > a { + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: var(--primary-accent); +} +.nav-tabs { + border-bottom: 1px solid var(--primary-accent); +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee var(--primary-accent); +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content { + padding: 15px; + border: solid 1px #ddd; + border-top: none; +} +/* navbar */ +.navbar { + position: relative; + min-height: 62px; + margin-bottom: 0; + border-bottom: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-affixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-affixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 10px 15px; + font-size: 18px; + line-height: 20px; + height: 62px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand img { + max-height: 42px; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 14px; + margin-bottom: 14px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-nav { + margin: 10.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 21px; + padding-bottom: 21px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 14px; + margin-bottom: 14px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-btn.btn-sm { + margin-top: 16px; + margin-bottom: 16px; +} +.navbar-btn.btn-xs { + margin-top: 20px; + margin-bottom: 20px; +} +.navbar-text { + margin-top: 21px; + margin-bottom: 21px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #ffffff; + border-color: #cccccc; + border-bottom: none; +} +.navbar-default .navbar-brand { + color: #555555; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #3b3b3b; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #555555; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #555555; + background-color: var(--navbar-focus); +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: var(--primary-accent); +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #cccccc; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: var(--primary-accent); + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #555555; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #555555; +} +.navbar-default .navbar-link:hover { + color: #555555; +} +.navbar-default .btn-link { + color: #555555; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #555555; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc; +} +/* scaffolding */ +body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +a { + color: var(--primary-accent); + text-decoration: none; +} +a:hover, +a:focus { + color: var(--link-focus); + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.img-rounded { + border-radius: 0; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +/* breadcrumbs */ +.breadcrumb { + padding: 20px 0; + margin-bottom: 20px; + background-color: transparent; + border-radius: 0; + text-align: right; +} +.breadcrumb > li + li:before { + content: ">\00a0"; + color: #555555; +} +.breadcrumb > .active { + color: #999999; +} +@media (max-width: 991px) { + .breadcrumb { + padding: 20px 0; + text-align: center; + } +} +/* dropdowns */ +.dropdown-menu { + z-index: 1000; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + padding: 5px 20px; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +/* labels */ +.label { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.08em; +} +/* forms.less */ +label { + font-weight: normal; +} +.form-control { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-control:focus { + border-color: var(--primary-accent); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); +} +.form-group { + margin-bottom: 20px; +} +/* pager*/ +.pager { + margin: 20px 0; + border-top: solid 1px #eeeeee; + padding-top: 20px; + text-transform: uppercase; + letter-spacing: 0.08em; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-radius: 0; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + color: #fff; + background-color: var(--primary-accent); +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + border-color: #ddd; +} +/* pagination */ +.pagination { + margin: 20px 0; + font-family: "Roboto", Helvetica, Arial, sans-serif; + border-radius: 0; +} +.pagination > li > a, +.pagination > li > span { + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: var(--primary-accent); + background-color: #ffffff; + border: 1px solid #dddddd; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: var(--primary-accent); + background-color: var(--pagination-bg); + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; +} +/* responsive utilities */ +@media (max-width: 767px) { + .text-center-xs { + text-align: center !important; + } + .text-center-xs img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .text-center-sm { + text-align: center !important; + } + .text-center-sm img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +/* type */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: 900; + line-height: 1.1; + color: #333333; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 20px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 18px; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +.text-small { + font-size: 12px; +} +.text-large { + font-size: 18px; +} +.text-italic { + font-style: italic; +} +.text-primary { + color: var(--primary-accent); +} +a.text-primary:hover { + color: var(--link-hover-bg); +} +.bg-primary { + color: #fff; + background-color: var(--primary-accent); +} +a.bg-primary:hover { + background-color: var(--link-hover-bg); +} +abbr[title], +abbr[data-original-title] { + border-bottom: 1px dotted #999999; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 14px; + border-left: 5px solid var(--primary-accent); +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + border-right: 5px solid var(--primary-accent); +} +address { + margin-bottom: 20px; + line-height: 1.42857143; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} +.panel-heading { + border-top-right-radius: 0; + border-top-left-radius: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 15px 15px; +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group.accordion .panel { + border-color: #ccc; +} +.panel-primary { + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: var(--primary-accent); +} +.panel-primary > .panel-heading .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: var(--primary-accent); +} +.panel-primary .panel-title { + font-weight: 300; +} +.panel-primary .panel-title a:hover { + color: #fff; + text-decoration: none; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.progress-bar-primary { + background-color: var(--primary-accent); +} +.progress-striped .progress-bar-primary { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +/*! + * Yamm!3 - Yet another megamenu for Bootstrap 3 + * http://geedmo.github.com/yamm3 + * + * @geedmo - Licensed under the MIT license + */ +.yamm .nav, +.yamm .collapse, +.yamm .dropup.use-yamm, +.yamm .dropdown.use-yamm { + position: static; +} +.yamm .container { + position: relative; +} +.yamm .dropdown-menu { + left: auto; +} +.yamm .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.yamm .yamm-content { + padding: 20px 30px; +} +.yamm .dropdown.yamm-fw .dropdown-menu { + left: 15px; + right: 15px; +} diff --git a/public/css/style.pink.css b/public/css/style.pink.css new file mode 100644 index 0000000..3cafcc3 --- /dev/null +++ b/public/css/style.pink.css @@ -0,0 +1,3581 @@ +/* Themed colors */ +:root { + --primary-accent: #c27baa; + --navbar-border-top: #934478; + --button-border: #af518f; + --link-focus: #a44c87; + --form-shadow: rgba(194, 123, 170, 0.6); + --pagination-bg: #f2e4ed; + --link-hover-bg: #b25894; + --navbar-focus: #e2c1d7; +} + +.clearfix:before, +.clearfix:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after { + content: " "; + display: table; +} +.clearfix:after, +.navbar:after, +.navbar-header:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/* general styles */ +a, +button { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.clickable { + cursor: pointer !important; +} +.required { + color: var(--primary-accent); +} +.accent { + color: var(--primary-accent); +} +.text-uppercase { + text-transform: uppercase; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .text-center-sm { + text-align: center; + } +} +p.lead { + margin-bottom: 40px; +} +section, +div.section { + margin-bottom: 40px; +} +.no-mb { + margin-bottom: 0 !important; +} +.mb-small { + margin-bottom: 20px !important; +} +.heading { + margin-bottom: 40px; +} +.heading h1, +.heading h2, +.heading h3, +.heading h4, +.heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; + vertical-align: middle; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.heading h1 i[class^="fa"], +.heading h2 i[class^="fa"], +.heading h3 i[class^="fa"], +.heading h4 i[class^="fa"], +.heading h5 i[class^="fa"] { + display: inline-block; + background: var(--primary-accent); + width: 30px; + height: 30px; + vertical-align: middle; + text-align: center; + color: #fff; + font-size: 12px; + line-height: 30px; + border-radius: 15px; +} +.icon { + display: inline-block; + width: 80px; + height: 80px; + color: #fff; + line-height: 80px; + border-radius: 40px; + border: solid 1px #fff; + font-size: 20px; +} +.icon.icon-lg { + font-size: 30px; + border-width: 2px; +} +.ul-icons { + padding-left: 10px; +} +.ul-icons li { + list-style-type: none; + line-height: 20px; + margin-bottom: 20px; +} +.ul-icons li i { + width: 20px; + height: 20px; + background: var(--primary-accent); + color: #fff; + text-align: center; + border-radius: 10px; + line-height: 20px; + margin-right: 10px; +} +ul.list-style-none { + list-style: none; +} +#text-page h1, +#text-page h2, +#text-page h3 { + font-weight: 700; +} +#error-page { + text-align: center; + margin-top: 40px; + margin-bottom: 100px; +} +#error-page h4 { + margin-bottom: 40px; +} +#error-page p.buttons { + margin-top: 40px; +} +.pages-listing .item { + text-align: center; +} +.pages-listing .item h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 20px; + letter-spacing: 0.08em; +} +.pages-listing .item h3 a { + color: #555555; +} +.pages-listing .item .text { + margin-bottom: 20px; +} +.pages-listing .item .text p { + color: #999999; + font-size: 12px; + margin-bottom: 20px; +} +.banner { + margin-bottom: 30px; + text-align: center; +} +.banner img { + margin: 0 auto; +} +.banner a:hover img { + opacity: 0.8; + filter: alpha(opacity=80); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.pages { + text-align: center; +} +.pages .loadMore { + text-align: center; +} +.pages .pagination { + text-align: center; +} +.features-buttons button { + margin-bottom: 20px; +} +@media (min-width: 1300px) { + body.boxed { + background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png); + } + body.boxed #all { + position: relative; + background: #fff; + width: 1200px; + margin: 0 auto; + overflow: hidden; + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; + } +} +#top { + background: #555555; + color: #eeeeee; + padding: 10px 0; +} +#top p { + margin: 0; + font-size: 12px; +} +#top .social { + float: right; + text-align: right; +} +#top .social a { + color: #999999; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 12px; + line-height: 24px; + font-size: 12px; + text-align: center; +} +#top .social a:hover { + color: #fff; + background: var(--primary-accent); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +#top .social a:hover.facebook { + background-color: #4460ae; +} +#top .social a:hover.gplus { + background-color: #c21f25; +} +#top .social a:hover.twitter { + background-color: #3cf; +} +#top .social a:hover.instagram { + background-color: #cd4378; +} +#top .social a:hover.email { + background-color: #4a7f45; +} +#top .login { + float: right; +} +#top .login a { + font-size: 12px; + color: #eeeeee; + margin-right: 15px; + text-decoration: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.10em; +} +@media (max-width: 767px) { + #top .login { + float: left; + } +} +#top.light { + background: #fff; + color: #999999; + border-bottom: solid 1px #eeeeee; +} +#top.light .login a { + color: #555555; +} +.navbar { + border: none; +} +.navbar ul.nav > li > a { + text-transform: uppercase; + text-decoration: underline; + font-weight: bold; + letter-spacing: 0.08em; + border-top: solid 5px transparent; +} +.navbar ul.nav > li > a:hover { + border-top: solid 5px var(--primary-accent); +} +.navbar ul.nav > li.active > a, +.navbar ul.nav > li.open > a { + text-decoration: none !important; + border-top: solid 5px var(--navbar-border-top); +} +@media (max-width: 768px) { + .navbar ul.nav > li.active > a, + .navbar ul.nav > li.open > a { + border-top-color: transparent; + } + .navbar ul.nav > li > a:hover { + border-top-color: transparent; + } +} +.navbar.navbar-light ul.nav > li.active > a { + border-top: solid 5px var(--navbar-border-top); + background: #fff !important; + color: #555555 !important; +} +.navbar.navbar-light ul.nav > li.active > a:hover { + border-top: solid 5px var(--navbar-border-top); +} +.navbar.navbar-light ul.nav > li > a:hover, +.navbar.navbar-light ul.nav > li.open > a:hover, +.navbar.navbar-light ul.nav > li > a:focus, +.navbar.navbar-light ul.nav > li.open > a:focus { + border-top: solid 5px var(--primary-accent); + background: #fff !important; + color: #555555 !important; +} +.navbar ul.dropdown-menu { + margin: 0; + padding: 0; +} +.navbar ul.dropdown-menu li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 4px 0; +} +.navbar ul.dropdown-menu li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + left: 0; +} +.navbar ul.dropdown-menu li a:hover { + color: var(--primary-accent); + text-decoration: none; + background: none; + left: 2px; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .navbar ul.dropdown-menu li a:hover { + left: 0; + } +} +.navbar .yamm-content h3 { + font-size: 18px; + text-transform: uppercase; + padding-bottom: 10px; + margin-top: 5px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +@media (max-width: 767px) { + .navbar .yamm-content h3 { + font-size: 14px; + } +} +.navbar .yamm-content h5 { + text-transform: uppercase; + padding-bottom: 10px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +.navbar .yamm-content ul { + margin: 0; + padding: 0; +} +.navbar .yamm-content ul li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + padding: 4px 0; +} +.navbar .yamm-content ul li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.navbar .yamm-content ul li a:hover { + color: var(--primary-accent); + text-decoration: none; + padding-left: 2px; +} +.navbar .yamm-content .banner { + margin-bottom: 10px; +} +.navbar .yamm-fw .dropdown-menu { + padding: 0; +} +.navbar .navbar-buttons { + float: right; +} +.navbar .navbar-buttons button, +.navbar .navbar-buttons a.btn, +.navbar .navbar-buttons .btn-default.navbar-toggle { + margin-top: 11px; + margin-bottom: 11px; + margin-left: 0; + margin-right: 5px; +} +.navbar .btn-default, +.navbar .btn-default.navbar-toggle { + color: #999999; + background-color: #fff; + margin-left: 7px; + margin-right: 0; +} +.navbar .btn-default:hover, +.navbar .btn-default.navbar-toggle:hover, +.navbar .btn-default:focus, +.navbar .btn-default.navbar-toggle:focus { + background-color: #fff; + border-color: var(--primary-accent); + color: var(--primary-accent); +} +.navbar #search { + clear: both; + border-top: solid 1px var(--primary-accent); + text-align: right; +} +.navbar #search form { + float: right; +} +.navbar #search form .input-group { + width: 500px; +} +@media (max-width: 768px) { + .navbar #search form .input-group { + width: 100%; + } +} +.navbar #basket-overview a { + margin-left: 7px; +} +.navbar-affixed-top { + top: 0; + z-index: 1000; + width: 100%; +} +.navbar-affixed-top.affix { + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; +} +.navbar-affixed-top.affix + section { + margin-top: 62px; +} +@supports (position: sticky) { + .navbar-affixed-top { + position: sticky; + } + .navbar-affixed-top.affix + section { + margin-top: 0; + } +} +#login-modal { + overflow: hidden; +} +#login-modal .modal-header h4 { + text-transform: uppercase; +} +#login-modal form { + margin-bottom: 20px; +} +#login-modal a { + color: var(--primary-accent); +} +#login-modal p { + font-weight: 300; + margin-bottom: 20px; + font-size: 13px; +} +/* buttons */ +.btn { + font-weight: 700; + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + border-radius: 0; +} +.input-group .btn { + font-size: 14px; +} +.btn-lg { + padding: 10px 16px; + font-size: 14px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-template-main { + color: var(--primary-accent); + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + color: var(--primary-accent); + background-color: #e6e6e6; + border-color: var(--button-border); +} +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + background-image: none; +} +.btn-template-main.disabled, +.btn-template-main[disabled], +fieldset[disabled] .btn-template-main, +.btn-template-main.disabled:hover, +.btn-template-main[disabled]:hover, +fieldset[disabled] .btn-template-main:hover, +.btn-template-main.disabled:focus, +.btn-template-main[disabled]:focus, +fieldset[disabled] .btn-template-main:focus, +.btn-template-main.disabled:active, +.btn-template-main[disabled]:active, +fieldset[disabled] .btn-template-main:active, +.btn-template-main.disabled.active, +.btn-template-main[disabled].active, +fieldset[disabled] .btn-template-main.active { + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main .badge { + color: #ffffff; + background-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active { + background: var(--primary-accent); + color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-transparent-primary { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + background-image: none; +} +.btn-template-transparent-primary.disabled, +.btn-template-transparent-primary[disabled], +fieldset[disabled] .btn-template-transparent-primary, +.btn-template-transparent-primary.disabled:hover, +.btn-template-transparent-primary[disabled]:hover, +fieldset[disabled] .btn-template-transparent-primary:hover, +.btn-template-transparent-primary.disabled:focus, +.btn-template-transparent-primary[disabled]:focus, +fieldset[disabled] .btn-template-transparent-primary:focus, +.btn-template-transparent-primary.disabled:active, +.btn-template-transparent-primary[disabled]:active, +fieldset[disabled] .btn-template-transparent-primary:active, +.btn-template-transparent-primary.disabled.active, +.btn-template-transparent-primary[disabled].active, +fieldset[disabled] .btn-template-transparent-primary.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active { + background: #fff; + color: var(--primary-accent); + border-color: #fff; +} +.btn-template-transparent-black { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + background-image: none; +} +.btn-template-transparent-black.disabled, +.btn-template-transparent-black[disabled], +fieldset[disabled] .btn-template-transparent-black, +.btn-template-transparent-black.disabled:hover, +.btn-template-transparent-black[disabled]:hover, +fieldset[disabled] .btn-template-transparent-black:hover, +.btn-template-transparent-black.disabled:focus, +.btn-template-transparent-black[disabled]:focus, +fieldset[disabled] .btn-template-transparent-black:focus, +.btn-template-transparent-black.disabled:active, +.btn-template-transparent-black[disabled]:active, +fieldset[disabled] .btn-template-transparent-black:active, +.btn-template-transparent-black.disabled.active, +.btn-template-transparent-black[disabled].active, +fieldset[disabled] .btn-template-transparent-black.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active { + background: #fff; + color: #000; + border-color: #fff; +} +.btn-template-primary { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary:hover, +.btn-template-primary:focus, +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + color: #ffffff; + background-color: var(--link-hover-bg); + border-color: var(--button-border); +} +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + background-image: none; +} +.btn-template-primary.disabled, +.btn-template-primary[disabled], +fieldset[disabled] .btn-template-primary, +.btn-template-primary.disabled:hover, +.btn-template-primary[disabled]:hover, +fieldset[disabled] .btn-template-primary:hover, +.btn-template-primary.disabled:focus, +.btn-template-primary[disabled]:focus, +fieldset[disabled] .btn-template-primary:focus, +.btn-template-primary.disabled:active, +.btn-template-primary[disabled]:active, +fieldset[disabled] .btn-template-primary:active, +.btn-template-primary.disabled.active, +.btn-template-primary[disabled].active, +fieldset[disabled] .btn-template-primary.active { + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +#intro { + background: url('../img/home.jpg') no-repeat center top; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#intro .item { + font-family: "Roboto", Helvetica, Arial, sans-serif; + height: 100%; +} +#intro .item h1 { + text-transform: uppercase; + font-size: 50px; + color: #fff; + margin-bottom: 40px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #intro .item h1 { + font-size: 40px; + } +} +@media (max-width: 767px) { + #intro .item h1 { + font-size: 25px; + } +} +#intro .item h3 { + color: #fff; + margin-bottom: 40px; +} +@media (max-width: 767px) { + #intro .item h3 { + font-size: 15px; + margin-bottom: 20px; + } +} +#intro .item .btn { + text-transform: none; +} +@media (max-width: 991px) { + #intro .item .btn { + font-size: 14px; + } +} +@media (max-width: 991px) { + #intro .item .carousel-caption { + left: 10%; + right: 10%; + } +} +#intro .container, +#intro .row { + height: 100%; + position: relative; +} +.jumbotron { + padding: 30px; + margin-bottom: 0; + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.jumbotron .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3, +.jumbotron p, +.jumbotron ul { + color: #fff; +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3 { + color: #ffffff; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.jumbotron p { + margin-bottom: 20px; + font-size: 21px; + font-weight: 400; +} +.jumbotron p.text-uppercase { + font-weight: 700; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; + z-index: 2; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 46px; + } +} +#categoryMenu h3 { + padding: 20px; + background: #f7f7f7; + margin: 0; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.panel.sidebar-menu h3 { + padding: 5px 0; + margin: 0; +} +.panel.sidebar-menu { + background: #fff; + margin: 0 0 20px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.panel.sidebar-menu .panel-heading { + text-transform: uppercase; + margin-bottom: 10px; + background: none; + padding: 0; + letter-spacing: 0.08em; + border-bottom: none; +} +.panel.sidebar-menu .panel-heading h1, +.panel.sidebar-menu .panel-heading h2, +.panel.sidebar-menu .panel-heading h3, +.panel.sidebar-menu .panel-heading h4, +.panel.sidebar-menu .panel-heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; +} +.panel.sidebar-menu .panel-heading .btn.btn-danger { + color: #fff; + margin-top: 5px; +} +.panel.sidebar-menu .panel-body { + padding: 0; +} +.panel.sidebar-menu .panel-body span.colour { + display: inline-block; + width: 15px; + height: 15px; + border: solid 1px #555555; + vertical-align: top; + margin-top: 2px; + margin-left: 5px; +} +.panel.sidebar-menu .panel-body span.colour.white { + background: #fff; +} +.panel.sidebar-menu .panel-body span.colour.red { + background: red; +} +.panel.sidebar-menu .panel-body span.colour.green { + background: green; +} +.panel.sidebar-menu .panel-body span.colour.blue { + background: blue; +} +.panel.sidebar-menu .panel-body span.colour.yellow { + background: yellow; +} +.panel.sidebar-menu .panel-body label { + color: #999999; + font-size: 12px; +} +.panel.sidebar-menu .panel-body label:hover { + color: #555555; +} +.panel.sidebar-menu ul.nav.category-menu { + margin-bottom: 20px; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.08em; +} +.panel.sidebar-menu ul.nav.category-menu li a { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.panel.sidebar-menu ul.nav ul { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.nav ul li { + display: block; +} +.panel.sidebar-menu ul.nav ul li a { + position: relative; + font-family: "Times New Roman", Times, serif; + font-weight: normal; + text-transform: none !important; + display: block; + padding: 10px 15px; + padding-left: 30px; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.nav ul li a:hover, +.panel.sidebar-menu ul.nav ul li a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.panel.sidebar-menu ul.tag-cloud { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.tag-cloud li { + display: inline-block; +} +.panel.sidebar-menu ul.tag-cloud li a { + display: inline-block; + padding: 5px; + border: solid 1px #eeeeee; + border-radius: 0; + color: var(--primary-accent); + margin: 5px 5px 5px 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 700; + font-size: 12px; + text-decoration: none; +} +.panel.sidebar-menu ul.tag-cloud li a:hover { + color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a { + color: #FFFFFF; + background-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a:hover { + color: #FFFFFF; +} +.panel.sidebar-menu ul.popular, +.panel.sidebar-menu ul.recent { + list-style: none; + padding-left: 0; + padding: 20px 0; +} +.panel.sidebar-menu ul.popular li, +.panel.sidebar-menu ul.recent li { + margin-bottom: 10px; + padding: 5px 0; + border-bottom: dotted 1px #eeeeee; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li img, +.panel.sidebar-menu ul.recent li img { + width: 50px; + margin-right: 10px; +} +.panel.sidebar-menu ul.popular li h5, +.panel.sidebar-menu ul.recent li h5 { + margin: 0 0 10px; +} +.panel.sidebar-menu ul.popular li h5 a, +.panel.sidebar-menu ul.recent li h5 a { + font-weight: normal; +} +.panel.sidebar-menu ul.popular li p.date, +.panel.sidebar-menu ul.recent li p.date { + float: right; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.popular li:last-child, +.panel.sidebar-menu ul.recent li:last-child { + border-bottom: none; +} +.panel.sidebar-menu .text-widget { + font-size: 12px; +} +.panel.sidebar-menu.with-icons ul.nav li a:after { + font-family: 'FontAwesome'; + content: "\f105"; + position: relative; + top: 0; + float: right; +} +/* ribbons for product sales etc. */ +.ribbon { + position: absolute; + top: 50px; + padding-left: 51px; + font-weight: 700; + letter-spacing: 0.08em; +} +.ribbon .ribbon-background { + position: absolute; + top: 0; + right: 0; +} +.ribbon .theribbon { + position: relative; + width: 80px; + padding: 6px 20px 6px 20px; + margin: 30px 10px 10px -71px; + color: #fff; + background-color: var(--primary-accent); + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.ribbon .theribbon:before, +.ribbon .theribbon:after { + content: ' '; + position: absolute; + width: 0; + height: 0; +} +.ribbon .theribbon:after { + left: 0px; + top: 100%; + border-width: 5px 10px; + border-style: solid; + border-color: #000000 #000000 transparent transparent; +} +.ribbon.sale { + top: 0; +} +.ribbon.new { + top: 50px; +} +.ribbon.new .theribbon { + background-color: #5bc0de; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.new .theribbon:after { + border-color: #2390b0 #2390b0 transparent transparent; +} +.ribbon.gift { + top: 100px; +} +.ribbon.gift .theribbon { + background-color: #5cb85c; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.gift .theribbon:after { + border-color: #357935 #357935 transparent transparent; +} +.owl-carousel .owl-controls .owl-page.active span, +.owl-theme .owl-controls .owl-page.active span, +.owl-carousel .owl-controls.clickable .owl-page:hover span, +.owl-theme .owl-controls.clickable .owl-page:hover span { + background: var(--primary-accent); +} +.owl-carousel .owl-controls .owl-buttons, +.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 5px; + right: 0; +} +.owl-carousel .owl-controls .owl-buttons div, +.owl-theme .owl-controls .owl-buttons div { + width: 26px; + height: 26px; + line-height: 25px; + margin: 0 5px 0 0; + font-size: 18px; + color: var(--primary-accent); + padding: 0; + background: #fff; + border-radius: 13px; + vertical-align: middle; + text-align: center; + opacity: 1; + filter: alpha(opacity=100); +} +.home-carousel { + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.home-carousel .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.home-carousel .owl-carousel { + padding-top: 60px; + padding-bottom: 20px; +} +.home-carousel .owl-theme .owl-controls .owl-page span { + background: #666; +} +.home-carousel .owl-theme .owl-controls .owl-page.active span { + background: #fff; +} +.home-carousel .owl-theme .owl-controls .owl-page:hover span { + background: #fff; +} +@media (max-width: 767px) { + .home-carousel { + text-align: center !important; + } +} +@media (min-width: 992px) { + .home-carousel .right { + text-align: right; + } +} +.home-carousel h1, +.home-carousel h2, +.home-carousel h3, +.home-carousel p, +.home-carousel ul { + color: #fff; +} +.home-carousel h1 { + font-weight: 700; + text-transform: uppercase; + font-size: 46px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .home-carousel h1 { + font-size: 36px; + } +} +.home-carousel h2 { + font-weight: 700; + text-transform: uppercase; + font-size: 40px; + letter-spacing: 0.08em; +} +.home-carousel ul, +.home-carousel p { + font-size: 18px; + font-weight: 700; + padding: 0; + text-transform: uppercase; + letter-spacing: 0.10em; +} +@media (max-width: 991px) { + .home-carousel ul, + .home-carousel p { + font-size: 14px; + } +} +.home-carousel ul li { + margin-bottom: 10px; +} +.customers { + padding: 0; + margin-bottom: 40px; +} +.customers .item { + list-style-type: none; + text-align: center; + margin: 0 20px; +} +.customers .item img { + display: inline-block; + filter: url("data:image/svg+xml;utf8,#grayscale"); + /* Firefox 10+, Firefox on Android */ + filter: gray; + /* IE6-9 */ + -webkit-filter: grayscale(100%); + /* Chrome 19+, Safari 6+, Safari 6+ iOS */ + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.customers .item img:hover { + max-width: auto; + filter: none; + -webkit-filter: none; +} +.testimonials { + padding: 0; + margin-bottom: 40px; +} +.testimonials .item { + list-style-type: none; + margin: 0 5px; + background: #fff; + padding-bottom: 60px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.testimonials .item .testimonial { + position: relative; + padding: 20px; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial .text { + color: #999999; + margin-bottom: 40px; +} +.testimonials .item .testimonial .bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + height: 50px; +} +.testimonials .item .testimonial .bottom .icon { + color: var(--primary-accent); + font-size: 30px; + float: left; + width: 20%; +} +.testimonials .item .testimonial .name-picture { + float: right; + width: 80%; + text-align: right; +} +.testimonials .item .testimonial .name-picture h5 { + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.testimonials .item .testimonial .name-picture p { + color: #999999; + margin: 0; + font-size: 12px; +} +.testimonials .item .testimonial .name-picture img { + float: right; + width: 60px; + border-radius: 30px; + margin-left: 10px; +} +.team-member { + text-align: center; + margin-bottom: 40px; +} +.team-member h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 5px; + letter-spacing: 0.08em; +} +.team-member h3 a { + color: #555555; +} +.team-member p.role { + color: #999999; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.team-member .social { + margin-bottom: 20px; +} +.team-member .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email { + background-color: #4a7f45; +} +.team-member .text p { + color: #999999; + font-size: 12px; +} +.team-member .social, +.team-member-detail .social { + margin-bottom: 20px; +} +.team-member .social a, +.team-member-detail .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i, +.team-member-detail .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook, +.team-member-detail .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus, +.team-member-detail .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter, +.team-member-detail .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram, +.team-member-detail .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email, +.team-member-detail .social a.email { + background-color: #4a7f45; +} +.box-simple { + text-align: center; + margin-bottom: 40px; +} +.box-simple .icon { + color: var(--primary-accent); + border-color: var(--primary-accent); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.box-simple h3 { + font-weight: normal; + font-size: 18px; + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-simple h3 a { + color: #555555; +} +.box-simple p { + color: #999999; +} +.box-simple:hover .icon { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.box-simple:hover .icon i { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.box-simple.box-white { + padding: 20px; + border: dotted 1px #999999; +} +.box-simple.box-white .icon { + color: #555555; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark { + padding: 20px; + border: dotted 1px #999999; + background: #555555; + color: #fff; +} +.box-simple.box-dark .icon { + color: #f7f7f7; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark h3 { + color: #fff; +} +.box-simple.box-dark h3 a { + color: #fff; +} +.box-simple.box-dark p { + color: #fff; +} +.box-image { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +.box-image-text { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image-text .top { + position: relative; + margin-bottom: 10px; +} +.box-image-text .top .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image-text .top .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .top .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image-text .top .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image-text .top .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .content h3, +.box-image-text .content h4 { + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-image-text .content p { + color: #999999; +} +.box-image-text:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image-text:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image-text:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +/* universal box */ +.box { + background: #fff; + margin: 0 0 30px; + border: solid 1px #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 0; + border-left: none; + border-right: none; +} +.box .box-header { + background: #f7f7f7; + margin: -20px 0 20px; + padding: 20px; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-footer { + background: #f7f7f7; + margin: 30px 0 -20px; + padding: 20px; + border-top: solid 1px #eeeeee; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +@media (max-width: 991px) { + .box .box-footer .btn { + margin-bottom: 20px; + } +} +.box.no-border { + border: none; +} +#heading-breadcrumbs { + background: url('../img/texture-bw.png') center center repeat; + padding: 20px 0; + margin-bottom: 40px; +} +#heading-breadcrumbs.no-mb { + margin-bottom: 0; +} +#heading-breadcrumbs h1 { + color: #333333; + text-transform: uppercase; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #heading-breadcrumbs h1 { + text-align: center; + } +} +#heading-breadcrumbs ul.breadcrumb { + margin-top: 5px; + margin-bottom: 0; +} +.bar { + position: relative; + background: var(--primary-accent); + padding: 60px 0; +} +.bar.background-pentagon { + background: url('../img/texture-bw.png') center center repeat; + border-top: solid 1px #999999; + border-bottom: solid 1px #999999; +} +.bar.background-gray { + background: #eeeeee; +} +.bar.background-gray-dark { + background: #555555; +} +.bar.background-white { + background: #fff; +} +.bar.background-image-fixed-1 { + background: url('../img/fixed-background-1.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.background-image-fixed-2 { + background: url('../img/fixed-background-2.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.color-white h1, +.bar.color-white h2, +.bar.color-white h3, +.bar.color-white h4, +.bar.color-white h5, +.bar.color-white h6, +.bar.color-white p { + color: #fff; +} +.bar.padding-big { + padding: 50px 0; +} +.bar.padding-horizontal { + padding-left: 30px; + padding-right: 30px; +} +.bar.margin-vertical { + margin-top: 20px; + margin-bottom: 20px; +} +.bar .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} +.portfolio.no-space { + padding: 0 15px; +} +.portfolio.no-space .box-image { + margin: 0 -15px; +} +.portfolio-project .project-more h4 { + color: #555555; + text-transform: uppercase; + margin-bottom: 0; + text-align: left; + font-size: 14px; + letter-spacing: 0.08em; +} +.portfolio-project .project-more p { + color: #999999; + padding: 10px 0; + margin-bottom: 20px; + text-align: left; +} +.portfolio-showcase { + margin: 15px 0 60px; +} +.portfolio-showcase h3 a { + text-transform: uppercase; + line-height: 1.5; + letter-spacing: 0.08em; +} +.portfolio-showcase p.lead { + color: #555555; + margin-bottom: 20px; +} +.portfolio-showcase p { + color: #999999; +} +.portfolio-showcase p.buttons { + margin-top: 40px; +} +.see-more { + text-align: center; + margin-top: 20px; + padding-top: 20px; +} +.see-more p { + font-size: 28px; + font-weight: 100; + margin-bottom: 20px; +} +.showcase .item { + text-align: center; +} +.showcase .item .icon { + display: inline-block; + width: 50px; + height: 50px; + color: #555555; + line-height: 50px; + border-radius: 25px; + border: solid 1px #555555; +} +.showcase .item h4 { + color: #555555; + text-transform: uppercase; + letter-spacing: 0.08em; + line-height: 1.5; + font-size: 16px; +} +.showcase .item h4 span { + font-weight: bold; + font-size: 51px; +} +.packages .package { + background: #fff; + margin-top: 25px; + margin-bottom: 20px; + padding-bottom: 15px; + text-align: center; + border: solid 1px var(--primary-accent); + overflow: hidden; +} +.packages .package .package-header { + height: 57px; + color: #fff; + line-height: 57px; + background: var(--primary-accent); +} +.packages .package .package-header h5 { + color: #fff; + text-transform: uppercase; + font-weight: bold; + line-height: 57px; + margin: 0; + letter-spacing: 0.08em; +} +.packages .package .package-header.light-gray { + background: #eeeeee; +} +.packages .package .package-header.light-gray h5 { + color: #555555; +} +.packages .package .price { + line-height: 120px; + height: 100px; + color: #fff; + font-weight: 400; +} +.packages .package .price h4 { + display: inline; + font-size: 50px; + line-height: normal; + margin-bottom: 0; +} +.packages .package .price .period { + line-height: normal; + color: #999999; +} +.packages .package ul { + padding: 0; +} +.packages .package ul li { + list-style-type: none; + padding-top: 10px; + padding-bottom: 10px; + width: 80%; + margin: auto; + border-bottom: 1px dotted #ccc; +} +.packages .package ul li:last-child { + border-bottom: 0; +} +.packages .package ul li i { + font-size: 13px; + margin-right: 5px; +} +.packages .best-value .package { + margin-top: 0; + padding-bottom: 40px; +} +.packages .best-value .package .package-header { + height: 72px; + padding-top: 17px; + height: 82px !important; +} +.packages .best-value .package .package-header h5 { + font-weight: bold; + line-height: 29px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.packages .best-value .package .package-header .meta-text { + font-size: 13px; + line-height: 15px; +} +#map { + height: 300px; +} +#map.with-border { + border-top: solid 1px var(--primary-accent); + border-bottom: solid 1px var(--primary-accent); +} +#blog-listing-big .post, +#blog-homepage .post { + margin-bottom: 60px; +} +#blog-listing-big .post h2, +#blog-homepage .post h2, +#blog-listing-big .post h4, +#blog-homepage .post h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#blog-listing-big .post h2 a, +#blog-homepage .post h2 a, +#blog-listing-big .post h4 a, +#blog-homepage .post h4 a { + color: #555555; +} +#blog-listing-big .post h2 a:hover, +#blog-homepage .post h2 a:hover, +#blog-listing-big .post h4 a:hover, +#blog-homepage .post h4 a:hover { + color: var(--primary-accent); +} +#blog-listing-big .post .author-category, +#blog-homepage .post .author-category { + color: #999999; + text-transform: uppercase; + font-weight: 300; + letter-spacing: 0.08em; +} +#blog-listing-big .post .author-category a, +#blog-homepage .post .author-category a { + font-weight: 500; +} +#blog-listing-big .post .date-comments a, +#blog-homepage .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-big .post .date-comments a:hover, +#blog-homepage .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-big .post .date-comments, + #blog-homepage .post .date-comments { + text-align: right; + } +} +#blog-listing-big .post .intro, +#blog-homepage .post .intro { + text-align: left; +} +#blog-listing-big .post .image, +#blog-homepage .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-big .post .image img, +#blog-homepage .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-big .post .image img.img-responsive, + #blog-homepage .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-big .post .video, +#blog-homepage .post .video { + margin-bottom: 10px; +} +#blog-listing-big .post .read-more, +#blog-homepage .post .read-more { + text-align: right; +} +#blog-listing-medium .post { + margin-bottom: 60px; +} +#blog-listing-medium .post h2 { + text-transform: uppercase; + margin: 0 0 10px; + font-size: 24px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post h2 a { + color: #555555; +} +#blog-listing-medium .post h2 a:hover { + color: var(--primary-accent); +} +#blog-listing-medium .post .author-category { + float: left; + color: #999999; + text-transform: uppercase; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post .author-category a { + font-weight: 500; +} +#blog-listing-medium .post .date-comments { + float: right; + font-size: 12px; +} +#blog-listing-medium .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-medium .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-medium .post .date-comments { + text-align: right; + } +} +#blog-listing-medium .post .intro { + text-align: left; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-medium .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-medium .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-medium .post .video { + margin-bottom: 10px; +} +#blog-listing-medium .post .read-more { + text-align: right; +} +.box-image-text.blog .author-category { + color: #999999; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 300; + font-size: 12px; +} +.box-image-text.blog .author-category a { + font-weight: 500; +} +.box-image-text.blog .intro { + text-align: left; + margin-bottom: 20px; +} +#blog-homepage .post { + margin-bottom: 30px; +} +#blog-homepage .post h2, +#blog-homepage .post h4, +#blog-homepage .post .author-category, +#blog-homepage .post .read-more { + text-align: center; +} +#blog-homepage .post .read-more { + margin-top: 20px; +} +#blog-post #post-content { + margin-bottom: 20px; +} +#blog-post #post-content img{ + max-width: 100%; + height: auto; + display: block; + margin: auto; +} +#blog-post .comment { + margin-bottom: 25px; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment .posted { + color: #999999; + font-size: 12px; +} +#blog-post .comment .reply { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#blog-post .comment.last { + margin-bottom: 0; +} +#blog-post #comments, +#blog-post #comment-form { + padding: 20px 0; + margin-top: 20px; + border-top: solid 1px #eeeeee; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments h4, +#blog-post #comment-form h4 { + margin-bottom: 20px; +} +#blog-post #comment-form { + margin-bottom: 20px; +} +.product { + background: #fff; + border-bottom: solid 1px #e6e6e6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 60px; + overflow: hidden; + text-align: center; +} +.product .image { + overflow: hidden; +} +.product .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .product .image img.img-responsive { + min-width: 100%; + } +} +.product .text { + padding: 10px; +} +.product .text h3 { + font-size: 14px; + font-weight: 700; + height: 39.6px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.product .text h3 a { + color: #555555; +} +.product .text h3 a:hover { + text-decoration: none; +} +.product .text p.price { + font-size: 18px; +} +.product .text p.price del { + color: #999999; +} +.product .buttons { + clear: both; + position: absolute; + display: none; + bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + border: solid 1px transparent; + padding: 20px; + background: rgba(255, 255, 255, 0.9); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + text-align: center; +} +.product .buttons .btn { + margin-bottom: 20px; +} +.product:hover { + border-bottom: solid 1px #808080; + top: 0; +} +.product:hover .buttons { + clear: both; + position: absolute; + top: 0; + background: rgba(255, 255, 255, 0.5); +} +.product:hover .image img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.goToDescription { + font-size: 12px; + text-align: center; + margin-bottom: 40px; +} +.goToDescription a { + color: #999999; + text-decoration: underline; +} +#productMain { + margin-bottom: 30px; +} +#productMain .sizes { + text-align: center; +} +#productMain .sizes h3 { + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + margin-bottom: 40px; +} +#productMain .sizes a { + display: inline-block; + width: 40px; + height: 40px; + border-radius: 40px; + background: #ccc; + line-height: 40px; + color: #555555; + text-align: center; + text-decoration: none; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#productMain .sizes a.active, +#productMain .sizes a:hover { + background: var(--primary-accent); + color: #fff; +} +#productMain .sizes input { + display: none; +} +#productMain .price { + font-size: 40px; + text-align: center; + margin-top: 40px; + margin-bottom: 40px; +} +#thumbs a { + display: block; + border: solid 1px transparent; +} +#thumbs a.active { + border-color: var(--primary-accent); +} +#product-social { + text-align: center; +} +#product-social h4 { + font-weight: 300; + margin-bottom: 10px; +} +#product-social p { + line-height: 26px; +} +#product-social p a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +#product-social p a i { + vertical-align: bottom; + line-height: 26px; +} +#product-social p a.facebook { + background-color: #4460ae; +} +#product-social p a.gplus { + background-color: #c21f25; +} +#product-social p a.twitter { + background-color: #3cf; +} +#product-social p a.instagram { + background-color: #cd4378; +} +#product-social p a.email { + background-color: #4a7f45; +} +@media (max-width: 991px) { + #product-social { + text-align: center; + } +} +#checkout .nav { + margin-bottom: 20px; + border-bottom: solid 1px var(--primary-accent); +} +#checkout .nav li { + height: 100%; +} +#checkout .nav li a { + display: block; + height: 100%; +} +#order-summary table { + margin-top: 20px; +} +#order-summary table td { + color: #999999; +} +#order-summary table tr.total td, +#order-summary table tr.total th { + font-size: 18px; + color: #555555; + font-weight: 700; +} +#checkout .table tbody tr td, +#basket .table tbody tr td, +#customer-order .table tbody tr td { + vertical-align: middle; +} +#checkout .table tbody tr td input, +#basket .table tbody tr td input, +#customer-order .table tbody tr td input { + width: 50px; + text-align: right; +} +#checkout .table tbody tr td img, +#basket .table tbody tr td img, +#customer-order .table tbody tr td img { + width: 50px; +} +#checkout .table tfoot, +#basket .table tfoot, +#customer-order .table tfoot { + font-size: 18px; +} +.shipping-method h4, +.payment-method h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#customer-orders table tr th, +#customer-orders table tr td { + vertical-align: baseline; +} +#customer-order .table tfoot th { + font-size: 18px; + font-weight: 300; +} +#customer-order .addresses { + text-align: right; + margin-bottom: 30px; +} +#customer-order .addresses p { + font-size: 18px; + font-weight: 300; +} +#customer-account { + margin-bottom: 30px; +} +#get-it { + background: var(--primary-accent); + padding: 50px 0 30px; + color: #fff; + text-align: center; +} +#get-it h1, +#get-it h2, +#get-it h3, +#get-it h4, +#get-it h5, +#get-it h6 { + color: #fff; + text-transform: uppercase; + letter-spacing: 0.08em; + margin: 0 0 20px; +} +#get-it p { + margin: 0 0 20px; +} +#footer { + background: #555555; + padding: 50px 0; + color: #999999; +} +#footer h1, +#footer h2, +#footer h3, +#footer h4, +#footer h5, +#footer h6 { + color: #eeeeee; +} +#footer h4 { + font-size: 14px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; +} +#footer ul { + padding-left: 0; + list-style: none; +} +#footer ul a { + color: #999999; +} +#footer ul a:hover { + color: var(--primary-accent); + text-decoration: none; +} +#footer .photostream div { + float: left; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 33%; + padding: 7.5px; + overflow: hidden; +} +#footer .photostream div a { + border: solid 1 px #eeeeee; +} +#footer .photostream div img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +#footer .photostream div:hover img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#footer .blog-entries .item { + clear: both; + padding: 5px 0; + margin-bottom: 10px; + border-bottom: solid 1px #555555; +} +#footer .blog-entries .item .image { + float: left; + width: 15%; + margin-right: 10px; +} +#footer .blog-entries .item .name { + width: 75%; + margin-left: 10px; + display: table-cell; + vertical-align: middle; +} +#footer .blog-entries .item .name h5 { + margin: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-size: 12px; +} +#footer .blog-entries .item .name h5 a { + color: #eeeeee; +} +#footer .blog-entries .item .text { + width: 100%; + clear: both; +} +#footer .blog-entries .item:last-child { + border-bottom: none; + margin-bottom: 0; +} +#footer .social a { + color: #555555; + font-size: 25px; + margin: 0 10px 0 0; +} +#footer .social a:hover { + color: var(--primary-accent); +} +#copyright { + background: #333; + color: #ccc; + padding: 50px 0; + font-size: 12px; + line-height: 28px; +} +#copyright p { + margin: 0; +} +@media (max-width: 991px) { + #copyright p { + float: none !important; + text-align: center; + margin-bottom: 10px; + } +} +[data-animate] { + opacity: 0; + filter: alpha(opacity=0); +} +#style-switch-button { + position: fixed; + top: 100px; + left: 0px; + border-radius: 0; +} +#style-switch { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 300px; + padding: 20px; + position: fixed; + top: 140px; + left: 0; + background: #fff; + border: solid 1px #eeeeee; +} +@media (max-width: 991px) { + #style-switch-button { + display: none; + } + #style-switch { + display: none; + } +} +/* Original Boostrap template overwrite */ +/* breadcrumbs */ +.breadcrumb { + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + background-color: none; + letter-spacing: 0.08em; +} +/* nav */ +.nav > li > a { + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: var(--primary-accent); +} +.nav-tabs { + border-bottom: 1px solid var(--primary-accent); +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee var(--primary-accent); +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content { + padding: 15px; + border: solid 1px #ddd; + border-top: none; +} +/* navbar */ +.navbar { + position: relative; + min-height: 62px; + margin-bottom: 0; + border-bottom: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-affixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-affixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 10px 15px; + font-size: 18px; + line-height: 20px; + height: 62px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand img { + max-height: 42px; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 14px; + margin-bottom: 14px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-nav { + margin: 10.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 21px; + padding-bottom: 21px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 14px; + margin-bottom: 14px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-btn.btn-sm { + margin-top: 16px; + margin-bottom: 16px; +} +.navbar-btn.btn-xs { + margin-top: 20px; + margin-bottom: 20px; +} +.navbar-text { + margin-top: 21px; + margin-bottom: 21px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #ffffff; + border-color: #cccccc; + border-bottom: none; +} +.navbar-default .navbar-brand { + color: #555555; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #3b3b3b; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #555555; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #555555; + background-color: var(--navbar-focus) +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: var(--primary-accent); +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #cccccc; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: var(--primary-accent); + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #555555; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #555555; +} +.navbar-default .navbar-link:hover { + color: #555555; +} +.navbar-default .btn-link { + color: #555555; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #555555; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc; +} +/* scaffolding */ +body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +a { + color: var(--primary-accent); + text-decoration: none; +} +a:hover, +a:focus { + color: var(--link-focus); + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.img-rounded { + border-radius: 0; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +/* breadcrumbs */ +.breadcrumb { + padding: 20px 0; + margin-bottom: 20px; + background-color: transparent; + border-radius: 0; + text-align: right; +} +.breadcrumb > li + li:before { + content: ">\00a0"; + color: #555555; +} +.breadcrumb > .active { + color: #999999; +} +@media (max-width: 991px) { + .breadcrumb { + padding: 20px 0; + text-align: center; + } +} +/* dropdowns */ +.dropdown-menu { + z-index: 1000; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + padding: 5px 20px; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +/* labels */ +.label { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.08em; +} +/* forms.less */ +label { + font-weight: normal; +} +.form-control { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-control:focus { + border-color: var(--primary-accent); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); +} +.form-group { + margin-bottom: 20px; +} +/* pager*/ +.pager { + margin: 20px 0; + border-top: solid 1px #eeeeee; + padding-top: 20px; + text-transform: uppercase; + letter-spacing: 0.08em; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-radius: 0; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + color: #fff; + background-color: var(--primary-accent); +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + border-color: #ddd; +} +/* pagination */ +.pagination { + margin: 20px 0; + font-family: "Roboto", Helvetica, Arial, sans-serif; + border-radius: 0; +} +.pagination > li > a, +.pagination > li > span { + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: var(--primary-accent); + background-color: #ffffff; + border: 1px solid #dddddd; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: var(--primary-accent); + background-color: var(--pagination-bg); + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; +} +/* responsive utilities */ +@media (max-width: 767px) { + .text-center-xs { + text-align: center !important; + } + .text-center-xs img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .text-center-sm { + text-align: center !important; + } + .text-center-sm img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +/* type */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: 900; + line-height: 1.1; + color: #333333; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 20px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 18px; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +.text-small { + font-size: 12px; +} +.text-large { + font-size: 18px; +} +.text-italic { + font-style: italic; +} +.text-primary { + color: var(--primary-accent); +} +a.text-primary:hover { + color: var(--link-hover-bg); +} +.bg-primary { + color: #fff; + background-color: var(--primary-accent); +} +a.bg-primary:hover { + background-color: var(--link-hover-bg); +} +abbr[title], +abbr[data-original-title] { + border-bottom: 1px dotted #999999; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 14px; + border-left: 5px solid var(--primary-accent); +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + border-right: 5px solid var(--primary-accent); +} +address { + margin-bottom: 20px; + line-height: 1.42857143; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} +.panel-heading { + border-top-right-radius: 0; + border-top-left-radius: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 15px 15px; +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group.accordion .panel { + border-color: #ccc; +} +.panel-primary { + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: var(--primary-accent); +} +.panel-primary > .panel-heading .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: var(--primary-accent); +} +.panel-primary .panel-title { + font-weight: 300; +} +.panel-primary .panel-title a:hover { + color: #fff; + text-decoration: none; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.progress-bar-primary { + background-color: var(--primary-accent); +} +.progress-striped .progress-bar-primary { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +/*! + * Yamm!3 - Yet another megamenu for Bootstrap 3 + * http://geedmo.github.com/yamm3 + * + * @geedmo - Licensed under the MIT license + */ +.yamm .nav, +.yamm .collapse, +.yamm .dropup.use-yamm, +.yamm .dropdown.use-yamm { + position: static; +} +.yamm .container { + position: relative; +} +.yamm .dropdown-menu { + left: auto; +} +.yamm .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.yamm .yamm-content { + padding: 20px 30px; +} +.yamm .dropdown.yamm-fw .dropdown-menu { + left: 15px; + right: 15px; +} diff --git a/public/css/style.red.css b/public/css/style.red.css new file mode 100644 index 0000000..54e66dd --- /dev/null +++ b/public/css/style.red.css @@ -0,0 +1,3581 @@ +/* Themed colors */ +:root { + --primary-accent: #da4d4d; + --navbar-border-top: #a02121; + --button-border: #c22828; + --link-focus: #b52626; + --form-shadow: rgba(218, 77, 77, 0.6); + --pagination-bg: #f4cccc; + --link-hover-bg: #ca2a2a; + --navbar-focus: #eca1a1; +} + +.clearfix:before, +.clearfix:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after { + content: " "; + display: table; +} +.clearfix:after, +.navbar:after, +.navbar-header:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/* general styles */ +a, +button { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.clickable { + cursor: pointer !important; +} +.required { + color: var(--primary-accent); +} +.accent { + color: var(--primary-accent); +} +.text-uppercase { + text-transform: uppercase; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .text-center-sm { + text-align: center; + } +} +p.lead { + margin-bottom: 40px; +} +section, +div.section { + margin-bottom: 40px; +} +.no-mb { + margin-bottom: 0 !important; +} +.mb-small { + margin-bottom: 20px !important; +} +.heading { + margin-bottom: 40px; +} +.heading h1, +.heading h2, +.heading h3, +.heading h4, +.heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; + vertical-align: middle; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.heading h1 i[class^="fa"], +.heading h2 i[class^="fa"], +.heading h3 i[class^="fa"], +.heading h4 i[class^="fa"], +.heading h5 i[class^="fa"] { + display: inline-block; + background: var(--primary-accent); + width: 30px; + height: 30px; + vertical-align: middle; + text-align: center; + color: #fff; + font-size: 12px; + line-height: 30px; + border-radius: 15px; +} +.icon { + display: inline-block; + width: 80px; + height: 80px; + color: #fff; + line-height: 80px; + border-radius: 40px; + border: solid 1px #fff; + font-size: 20px; +} +.icon.icon-lg { + font-size: 30px; + border-width: 2px; +} +.ul-icons { + padding-left: 10px; +} +.ul-icons li { + list-style-type: none; + line-height: 20px; + margin-bottom: 20px; +} +.ul-icons li i { + width: 20px; + height: 20px; + background: var(--primary-accent); + color: #fff; + text-align: center; + border-radius: 10px; + line-height: 20px; + margin-right: 10px; +} +ul.list-style-none { + list-style: none; +} +#text-page h1, +#text-page h2, +#text-page h3 { + font-weight: 700; +} +#error-page { + text-align: center; + margin-top: 40px; + margin-bottom: 100px; +} +#error-page h4 { + margin-bottom: 40px; +} +#error-page p.buttons { + margin-top: 40px; +} +.pages-listing .item { + text-align: center; +} +.pages-listing .item h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 20px; + letter-spacing: 0.08em; +} +.pages-listing .item h3 a { + color: #555555; +} +.pages-listing .item .text { + margin-bottom: 20px; +} +.pages-listing .item .text p { + color: #999999; + font-size: 12px; + margin-bottom: 20px; +} +.banner { + margin-bottom: 30px; + text-align: center; +} +.banner img { + margin: 0 auto; +} +.banner a:hover img { + opacity: 0.8; + filter: alpha(opacity=80); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.pages { + text-align: center; +} +.pages .loadMore { + text-align: center; +} +.pages .pagination { + text-align: center; +} +.features-buttons button { + margin-bottom: 20px; +} +@media (min-width: 1300px) { + body.boxed { + background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png); + } + body.boxed #all { + position: relative; + background: #fff; + width: 1200px; + margin: 0 auto; + overflow: hidden; + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; + } +} +#top { + background: #555555; + color: #eeeeee; + padding: 10px 0; +} +#top p { + margin: 0; + font-size: 12px; +} +#top .social { + float: right; + text-align: right; +} +#top .social a { + color: #999999; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 12px; + line-height: 24px; + font-size: 12px; + text-align: center; +} +#top .social a:hover { + color: #fff; + background: var(--primary-accent); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +#top .social a:hover.facebook { + background-color: #4460ae; +} +#top .social a:hover.gplus { + background-color: #c21f25; +} +#top .social a:hover.twitter { + background-color: #3cf; +} +#top .social a:hover.instagram { + background-color: #cd4378; +} +#top .social a:hover.email { + background-color: #4a7f45; +} +#top .login { + float: right; +} +#top .login a { + font-size: 12px; + color: #eeeeee; + margin-right: 15px; + text-decoration: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.10em; +} +@media (max-width: 767px) { + #top .login { + float: left; + } +} +#top.light { + background: #fff; + color: #999999; + border-bottom: solid 1px #eeeeee; +} +#top.light .login a { + color: #555555; +} +.navbar { + border: none; +} +.navbar ul.nav > li > a { + text-transform: uppercase; + text-decoration: underline; + font-weight: bold; + letter-spacing: 0.08em; + border-top: solid 5px transparent; +} +.navbar ul.nav > li > a:hover { + border-top: solid 5px var(--primary-accent); +} +.navbar ul.nav > li.active > a, +.navbar ul.nav > li.open > a { + text-decoration: none !important; + border-top: solid 5px var(--navbar-border-top); +} +@media (max-width: 768px) { + .navbar ul.nav > li.active > a, + .navbar ul.nav > li.open > a { + border-top-color: transparent; + } + .navbar ul.nav > li > a:hover { + border-top-color: transparent; + } +} +.navbar.navbar-light ul.nav > li.active > a { + border-top: solid 5px var(--navbar-border-top); + background: #fff !important; + color: #555555 !important; +} +.navbar.navbar-light ul.nav > li.active > a:hover { + border-top: solid 5px var(--navbar-border-top); +} +.navbar.navbar-light ul.nav > li > a:hover, +.navbar.navbar-light ul.nav > li.open > a:hover, +.navbar.navbar-light ul.nav > li > a:focus, +.navbar.navbar-light ul.nav > li.open > a:focus { + border-top: solid 5px var(--primary-accent); + background: #fff !important; + color: #555555 !important; +} +.navbar ul.dropdown-menu { + margin: 0; + padding: 0; +} +.navbar ul.dropdown-menu li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 4px 0; +} +.navbar ul.dropdown-menu li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + left: 0; +} +.navbar ul.dropdown-menu li a:hover { + color: var(--primary-accent); + text-decoration: none; + background: none; + left: 2px; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .navbar ul.dropdown-menu li a:hover { + left: 0; + } +} +.navbar .yamm-content h3 { + font-size: 18px; + text-transform: uppercase; + padding-bottom: 10px; + margin-top: 5px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +@media (max-width: 767px) { + .navbar .yamm-content h3 { + font-size: 14px; + } +} +.navbar .yamm-content h5 { + text-transform: uppercase; + padding-bottom: 10px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +.navbar .yamm-content ul { + margin: 0; + padding: 0; +} +.navbar .yamm-content ul li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + padding: 4px 0; +} +.navbar .yamm-content ul li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.navbar .yamm-content ul li a:hover { + color: var(--primary-accent); + text-decoration: none; + padding-left: 2px; +} +.navbar .yamm-content .banner { + margin-bottom: 10px; +} +.navbar .yamm-fw .dropdown-menu { + padding: 0; +} +.navbar .navbar-buttons { + float: right; +} +.navbar .navbar-buttons button, +.navbar .navbar-buttons a.btn, +.navbar .navbar-buttons .btn-default.navbar-toggle { + margin-top: 11px; + margin-bottom: 11px; + margin-left: 0; + margin-right: 5px; +} +.navbar .btn-default, +.navbar .btn-default.navbar-toggle { + color: #999999; + background-color: #fff; + margin-left: 7px; + margin-right: 0; +} +.navbar .btn-default:hover, +.navbar .btn-default.navbar-toggle:hover, +.navbar .btn-default:focus, +.navbar .btn-default.navbar-toggle:focus { + background-color: #fff; + border-color: var(--primary-accent); + color: var(--primary-accent); +} +.navbar #search { + clear: both; + border-top: solid 1px var(--primary-accent); + text-align: right; +} +.navbar #search form { + float: right; +} +.navbar #search form .input-group { + width: 500px; +} +@media (max-width: 768px) { + .navbar #search form .input-group { + width: 100%; + } +} +.navbar #basket-overview a { + margin-left: 7px; +} +.navbar-affixed-top { + top: 0; + z-index: 1000; + width: 100%; +} +.navbar-affixed-top.affix { + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; +} +.navbar-affixed-top.affix + section { + margin-top: 62px; +} +@supports (position: sticky) { + .navbar-affixed-top { + position: sticky; + } + .navbar-affixed-top.affix + section { + margin-top: 0; + } +} +#login-modal { + overflow: hidden; +} +#login-modal .modal-header h4 { + text-transform: uppercase; +} +#login-modal form { + margin-bottom: 20px; +} +#login-modal a { + color: var(--primary-accent); +} +#login-modal p { + font-weight: 300; + margin-bottom: 20px; + font-size: 13px; +} +/* buttons */ +.btn { + font-weight: 700; + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + border-radius: 0; +} +.input-group .btn { + font-size: 14px; +} +.btn-lg { + padding: 10px 16px; + font-size: 14px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-template-main { + color: var(--primary-accent); + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + color: var(--primary-accent); + background-color: #e6e6e6; + border-color: var(--button-border); +} +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + background-image: none; +} +.btn-template-main.disabled, +.btn-template-main[disabled], +fieldset[disabled] .btn-template-main, +.btn-template-main.disabled:hover, +.btn-template-main[disabled]:hover, +fieldset[disabled] .btn-template-main:hover, +.btn-template-main.disabled:focus, +.btn-template-main[disabled]:focus, +fieldset[disabled] .btn-template-main:focus, +.btn-template-main.disabled:active, +.btn-template-main[disabled]:active, +fieldset[disabled] .btn-template-main:active, +.btn-template-main.disabled.active, +.btn-template-main[disabled].active, +fieldset[disabled] .btn-template-main.active { + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main .badge { + color: #ffffff; + background-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active { + background: var(--primary-accent); + color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-transparent-primary { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + background-image: none; +} +.btn-template-transparent-primary.disabled, +.btn-template-transparent-primary[disabled], +fieldset[disabled] .btn-template-transparent-primary, +.btn-template-transparent-primary.disabled:hover, +.btn-template-transparent-primary[disabled]:hover, +fieldset[disabled] .btn-template-transparent-primary:hover, +.btn-template-transparent-primary.disabled:focus, +.btn-template-transparent-primary[disabled]:focus, +fieldset[disabled] .btn-template-transparent-primary:focus, +.btn-template-transparent-primary.disabled:active, +.btn-template-transparent-primary[disabled]:active, +fieldset[disabled] .btn-template-transparent-primary:active, +.btn-template-transparent-primary.disabled.active, +.btn-template-transparent-primary[disabled].active, +fieldset[disabled] .btn-template-transparent-primary.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active { + background: #fff; + color: var(--primary-accent); + border-color: #fff; +} +.btn-template-transparent-black { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + background-image: none; +} +.btn-template-transparent-black.disabled, +.btn-template-transparent-black[disabled], +fieldset[disabled] .btn-template-transparent-black, +.btn-template-transparent-black.disabled:hover, +.btn-template-transparent-black[disabled]:hover, +fieldset[disabled] .btn-template-transparent-black:hover, +.btn-template-transparent-black.disabled:focus, +.btn-template-transparent-black[disabled]:focus, +fieldset[disabled] .btn-template-transparent-black:focus, +.btn-template-transparent-black.disabled:active, +.btn-template-transparent-black[disabled]:active, +fieldset[disabled] .btn-template-transparent-black:active, +.btn-template-transparent-black.disabled.active, +.btn-template-transparent-black[disabled].active, +fieldset[disabled] .btn-template-transparent-black.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active { + background: #fff; + color: #000; + border-color: #fff; +} +.btn-template-primary { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary:hover, +.btn-template-primary:focus, +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + color: #ffffff; + background-color: var(--link-hover-bg); + border-color: var(--button-border); +} +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + background-image: none; +} +.btn-template-primary.disabled, +.btn-template-primary[disabled], +fieldset[disabled] .btn-template-primary, +.btn-template-primary.disabled:hover, +.btn-template-primary[disabled]:hover, +fieldset[disabled] .btn-template-primary:hover, +.btn-template-primary.disabled:focus, +.btn-template-primary[disabled]:focus, +fieldset[disabled] .btn-template-primary:focus, +.btn-template-primary.disabled:active, +.btn-template-primary[disabled]:active, +fieldset[disabled] .btn-template-primary:active, +.btn-template-primary.disabled.active, +.btn-template-primary[disabled].active, +fieldset[disabled] .btn-template-primary.active { + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +#intro { + background: url('../img/home.jpg') no-repeat center top; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#intro .item { + font-family: "Roboto", Helvetica, Arial, sans-serif; + height: 100%; +} +#intro .item h1 { + text-transform: uppercase; + font-size: 50px; + color: #fff; + margin-bottom: 40px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #intro .item h1 { + font-size: 40px; + } +} +@media (max-width: 767px) { + #intro .item h1 { + font-size: 25px; + } +} +#intro .item h3 { + color: #fff; + margin-bottom: 40px; +} +@media (max-width: 767px) { + #intro .item h3 { + font-size: 15px; + margin-bottom: 20px; + } +} +#intro .item .btn { + text-transform: none; +} +@media (max-width: 991px) { + #intro .item .btn { + font-size: 14px; + } +} +@media (max-width: 991px) { + #intro .item .carousel-caption { + left: 10%; + right: 10%; + } +} +#intro .container, +#intro .row { + height: 100%; + position: relative; +} +.jumbotron { + padding: 30px; + margin-bottom: 0; + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.jumbotron .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3, +.jumbotron p, +.jumbotron ul { + color: #fff; +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3 { + color: #ffffff; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.jumbotron p { + margin-bottom: 20px; + font-size: 21px; + font-weight: 400; +} +.jumbotron p.text-uppercase { + font-weight: 700; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; + z-index: 2; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 46px; + } +} +#categoryMenu h3 { + padding: 20px; + background: #f7f7f7; + margin: 0; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.panel.sidebar-menu h3 { + padding: 5px 0; + margin: 0; +} +.panel.sidebar-menu { + background: #fff; + margin: 0 0 20px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.panel.sidebar-menu .panel-heading { + text-transform: uppercase; + margin-bottom: 10px; + background: none; + padding: 0; + letter-spacing: 0.08em; + border-bottom: none; +} +.panel.sidebar-menu .panel-heading h1, +.panel.sidebar-menu .panel-heading h2, +.panel.sidebar-menu .panel-heading h3, +.panel.sidebar-menu .panel-heading h4, +.panel.sidebar-menu .panel-heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; +} +.panel.sidebar-menu .panel-heading .btn.btn-danger { + color: #fff; + margin-top: 5px; +} +.panel.sidebar-menu .panel-body { + padding: 0; +} +.panel.sidebar-menu .panel-body span.colour { + display: inline-block; + width: 15px; + height: 15px; + border: solid 1px #555555; + vertical-align: top; + margin-top: 2px; + margin-left: 5px; +} +.panel.sidebar-menu .panel-body span.colour.white { + background: #fff; +} +.panel.sidebar-menu .panel-body span.colour.red { + background: red; +} +.panel.sidebar-menu .panel-body span.colour.green { + background: green; +} +.panel.sidebar-menu .panel-body span.colour.blue { + background: blue; +} +.panel.sidebar-menu .panel-body span.colour.yellow { + background: yellow; +} +.panel.sidebar-menu .panel-body label { + color: #999999; + font-size: 12px; +} +.panel.sidebar-menu .panel-body label:hover { + color: #555555; +} +.panel.sidebar-menu ul.nav.category-menu { + margin-bottom: 20px; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.08em; +} +.panel.sidebar-menu ul.nav.category-menu li a { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.panel.sidebar-menu ul.nav ul { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.nav ul li { + display: block; +} +.panel.sidebar-menu ul.nav ul li a { + position: relative; + font-family: "Times New Roman", Times, serif; + font-weight: normal; + text-transform: none !important; + display: block; + padding: 10px 15px; + padding-left: 30px; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.nav ul li a:hover, +.panel.sidebar-menu ul.nav ul li a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.panel.sidebar-menu ul.tag-cloud { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.tag-cloud li { + display: inline-block; +} +.panel.sidebar-menu ul.tag-cloud li a { + display: inline-block; + padding: 5px; + border: solid 1px #eeeeee; + border-radius: 0; + color: var(--primary-accent); + margin: 5px 5px 5px 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 700; + font-size: 12px; + text-decoration: none; +} +.panel.sidebar-menu ul.tag-cloud li a:hover { + color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a { + color: #FFFFFF; + background-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a:hover { + color: #FFFFFF; +} +.panel.sidebar-menu ul.popular, +.panel.sidebar-menu ul.recent { + list-style: none; + padding-left: 0; + padding: 20px 0; +} +.panel.sidebar-menu ul.popular li, +.panel.sidebar-menu ul.recent li { + margin-bottom: 10px; + padding: 5px 0; + border-bottom: dotted 1px #eeeeee; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li img, +.panel.sidebar-menu ul.recent li img { + width: 50px; + margin-right: 10px; +} +.panel.sidebar-menu ul.popular li h5, +.panel.sidebar-menu ul.recent li h5 { + margin: 0 0 10px; +} +.panel.sidebar-menu ul.popular li h5 a, +.panel.sidebar-menu ul.recent li h5 a { + font-weight: normal; +} +.panel.sidebar-menu ul.popular li p.date, +.panel.sidebar-menu ul.recent li p.date { + float: right; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.popular li:last-child, +.panel.sidebar-menu ul.recent li:last-child { + border-bottom: none; +} +.panel.sidebar-menu .text-widget { + font-size: 12px; +} +.panel.sidebar-menu.with-icons ul.nav li a:after { + font-family: 'FontAwesome'; + content: "\f105"; + position: relative; + top: 0; + float: right; +} +/* ribbons for product sales etc. */ +.ribbon { + position: absolute; + top: 50px; + padding-left: 51px; + font-weight: 700; + letter-spacing: 0.08em; +} +.ribbon .ribbon-background { + position: absolute; + top: 0; + right: 0; +} +.ribbon .theribbon { + position: relative; + width: 80px; + padding: 6px 20px 6px 20px; + margin: 30px 10px 10px -71px; + color: #fff; + background-color: var(--primary-accent); + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.ribbon .theribbon:before, +.ribbon .theribbon:after { + content: ' '; + position: absolute; + width: 0; + height: 0; +} +.ribbon .theribbon:after { + left: 0px; + top: 100%; + border-width: 5px 10px; + border-style: solid; + border-color: #000000 #000000 transparent transparent; +} +.ribbon.sale { + top: 0; +} +.ribbon.new { + top: 50px; +} +.ribbon.new .theribbon { + background-color: #5bc0de; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.new .theribbon:after { + border-color: #2390b0 #2390b0 transparent transparent; +} +.ribbon.gift { + top: 100px; +} +.ribbon.gift .theribbon { + background-color: #5cb85c; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.gift .theribbon:after { + border-color: #357935 #357935 transparent transparent; +} +.owl-carousel .owl-controls .owl-page.active span, +.owl-theme .owl-controls .owl-page.active span, +.owl-carousel .owl-controls.clickable .owl-page:hover span, +.owl-theme .owl-controls.clickable .owl-page:hover span { + background: var(--primary-accent); +} +.owl-carousel .owl-controls .owl-buttons, +.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 5px; + right: 0; +} +.owl-carousel .owl-controls .owl-buttons div, +.owl-theme .owl-controls .owl-buttons div { + width: 26px; + height: 26px; + line-height: 25px; + margin: 0 5px 0 0; + font-size: 18px; + color: var(--primary-accent); + padding: 0; + background: #fff; + border-radius: 13px; + vertical-align: middle; + text-align: center; + opacity: 1; + filter: alpha(opacity=100); +} +.home-carousel { + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.home-carousel .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.home-carousel .owl-carousel { + padding-top: 60px; + padding-bottom: 20px; +} +.home-carousel .owl-theme .owl-controls .owl-page span { + background: #666; +} +.home-carousel .owl-theme .owl-controls .owl-page.active span { + background: #fff; +} +.home-carousel .owl-theme .owl-controls .owl-page:hover span { + background: #fff; +} +@media (max-width: 767px) { + .home-carousel { + text-align: center !important; + } +} +@media (min-width: 992px) { + .home-carousel .right { + text-align: right; + } +} +.home-carousel h1, +.home-carousel h2, +.home-carousel h3, +.home-carousel p, +.home-carousel ul { + color: #fff; +} +.home-carousel h1 { + font-weight: 700; + text-transform: uppercase; + font-size: 46px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .home-carousel h1 { + font-size: 36px; + } +} +.home-carousel h2 { + font-weight: 700; + text-transform: uppercase; + font-size: 40px; + letter-spacing: 0.08em; +} +.home-carousel ul, +.home-carousel p { + font-size: 18px; + font-weight: 700; + padding: 0; + text-transform: uppercase; + letter-spacing: 0.10em; +} +@media (max-width: 991px) { + .home-carousel ul, + .home-carousel p { + font-size: 14px; + } +} +.home-carousel ul li { + margin-bottom: 10px; +} +.customers { + padding: 0; + margin-bottom: 40px; +} +.customers .item { + list-style-type: none; + text-align: center; + margin: 0 20px; +} +.customers .item img { + display: inline-block; + filter: url("data:image/svg+xml;utf8,#grayscale"); + /* Firefox 10+, Firefox on Android */ + filter: gray; + /* IE6-9 */ + -webkit-filter: grayscale(100%); + /* Chrome 19+, Safari 6+, Safari 6+ iOS */ + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.customers .item img:hover { + max-width: auto; + filter: none; + -webkit-filter: none; +} +.testimonials { + padding: 0; + margin-bottom: 40px; +} +.testimonials .item { + list-style-type: none; + margin: 0 5px; + background: #fff; + padding-bottom: 60px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.testimonials .item .testimonial { + position: relative; + padding: 20px; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial .text { + color: #999999; + margin-bottom: 40px; +} +.testimonials .item .testimonial .bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + height: 50px; +} +.testimonials .item .testimonial .bottom .icon { + color: var(--primary-accent); + font-size: 30px; + float: left; + width: 20%; +} +.testimonials .item .testimonial .name-picture { + float: right; + width: 80%; + text-align: right; +} +.testimonials .item .testimonial .name-picture h5 { + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.testimonials .item .testimonial .name-picture p { + color: #999999; + margin: 0; + font-size: 12px; +} +.testimonials .item .testimonial .name-picture img { + float: right; + width: 60px; + border-radius: 30px; + margin-left: 10px; +} +.team-member { + text-align: center; + margin-bottom: 40px; +} +.team-member h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 5px; + letter-spacing: 0.08em; +} +.team-member h3 a { + color: #555555; +} +.team-member p.role { + color: #999999; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.team-member .social { + margin-bottom: 20px; +} +.team-member .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email { + background-color: #4a7f45; +} +.team-member .text p { + color: #999999; + font-size: 12px; +} +.team-member .social, +.team-member-detail .social { + margin-bottom: 20px; +} +.team-member .social a, +.team-member-detail .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i, +.team-member-detail .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook, +.team-member-detail .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus, +.team-member-detail .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter, +.team-member-detail .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram, +.team-member-detail .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email, +.team-member-detail .social a.email { + background-color: #4a7f45; +} +.box-simple { + text-align: center; + margin-bottom: 40px; +} +.box-simple .icon { + color: var(--primary-accent); + border-color: var(--primary-accent); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.box-simple h3 { + font-weight: normal; + font-size: 18px; + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-simple h3 a { + color: #555555; +} +.box-simple p { + color: #999999; +} +.box-simple:hover .icon { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.box-simple:hover .icon i { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.box-simple.box-white { + padding: 20px; + border: dotted 1px #999999; +} +.box-simple.box-white .icon { + color: #555555; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark { + padding: 20px; + border: dotted 1px #999999; + background: #555555; + color: #fff; +} +.box-simple.box-dark .icon { + color: #f7f7f7; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark h3 { + color: #fff; +} +.box-simple.box-dark h3 a { + color: #fff; +} +.box-simple.box-dark p { + color: #fff; +} +.box-image { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +.box-image-text { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image-text .top { + position: relative; + margin-bottom: 10px; +} +.box-image-text .top .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image-text .top .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .top .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image-text .top .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image-text .top .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .content h3, +.box-image-text .content h4 { + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-image-text .content p { + color: #999999; +} +.box-image-text:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image-text:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image-text:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +/* universal box */ +.box { + background: #fff; + margin: 0 0 30px; + border: solid 1px #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 0; + border-left: none; + border-right: none; +} +.box .box-header { + background: #f7f7f7; + margin: -20px 0 20px; + padding: 20px; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-footer { + background: #f7f7f7; + margin: 30px 0 -20px; + padding: 20px; + border-top: solid 1px #eeeeee; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +@media (max-width: 991px) { + .box .box-footer .btn { + margin-bottom: 20px; + } +} +.box.no-border { + border: none; +} +#heading-breadcrumbs { + background: url('../img/texture-bw.png') center center repeat; + padding: 20px 0; + margin-bottom: 40px; +} +#heading-breadcrumbs.no-mb { + margin-bottom: 0; +} +#heading-breadcrumbs h1 { + color: #333333; + text-transform: uppercase; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #heading-breadcrumbs h1 { + text-align: center; + } +} +#heading-breadcrumbs ul.breadcrumb { + margin-top: 5px; + margin-bottom: 0; +} +.bar { + position: relative; + background: var(--primary-accent); + padding: 60px 0; +} +.bar.background-pentagon { + background: url('../img/texture-bw.png') center center repeat; + border-top: solid 1px #999999; + border-bottom: solid 1px #999999; +} +.bar.background-gray { + background: #eeeeee; +} +.bar.background-gray-dark { + background: #555555; +} +.bar.background-white { + background: #fff; +} +.bar.background-image-fixed-1 { + background: url('../img/fixed-background-1.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.background-image-fixed-2 { + background: url('../img/fixed-background-2.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.color-white h1, +.bar.color-white h2, +.bar.color-white h3, +.bar.color-white h4, +.bar.color-white h5, +.bar.color-white h6, +.bar.color-white p { + color: #fff; +} +.bar.padding-big { + padding: 50px 0; +} +.bar.padding-horizontal { + padding-left: 30px; + padding-right: 30px; +} +.bar.margin-vertical { + margin-top: 20px; + margin-bottom: 20px; +} +.bar .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} +.portfolio.no-space { + padding: 0 15px; +} +.portfolio.no-space .box-image { + margin: 0 -15px; +} +.portfolio-project .project-more h4 { + color: #555555; + text-transform: uppercase; + margin-bottom: 0; + text-align: left; + font-size: 14px; + letter-spacing: 0.08em; +} +.portfolio-project .project-more p { + color: #999999; + padding: 10px 0; + margin-bottom: 20px; + text-align: left; +} +.portfolio-showcase { + margin: 15px 0 60px; +} +.portfolio-showcase h3 a { + text-transform: uppercase; + line-height: 1.5; + letter-spacing: 0.08em; +} +.portfolio-showcase p.lead { + color: #555555; + margin-bottom: 20px; +} +.portfolio-showcase p { + color: #999999; +} +.portfolio-showcase p.buttons { + margin-top: 40px; +} +.see-more { + text-align: center; + margin-top: 20px; + padding-top: 20px; +} +.see-more p { + font-size: 28px; + font-weight: 100; + margin-bottom: 20px; +} +.showcase .item { + text-align: center; +} +.showcase .item .icon { + display: inline-block; + width: 50px; + height: 50px; + color: #555555; + line-height: 50px; + border-radius: 25px; + border: solid 1px #555555; +} +.showcase .item h4 { + color: #555555; + text-transform: uppercase; + letter-spacing: 0.08em; + line-height: 1.5; + font-size: 16px; +} +.showcase .item h4 span { + font-weight: bold; + font-size: 51px; +} +.packages .package { + background: #fff; + margin-top: 25px; + margin-bottom: 20px; + padding-bottom: 15px; + text-align: center; + border: solid 1px var(--primary-accent); + overflow: hidden; +} +.packages .package .package-header { + height: 57px; + color: #fff; + line-height: 57px; + background: var(--primary-accent); +} +.packages .package .package-header h5 { + color: #fff; + text-transform: uppercase; + font-weight: bold; + line-height: 57px; + margin: 0; + letter-spacing: 0.08em; +} +.packages .package .package-header.light-gray { + background: #eeeeee; +} +.packages .package .package-header.light-gray h5 { + color: #555555; +} +.packages .package .price { + line-height: 120px; + height: 100px; + color: #fff; + font-weight: 400; +} +.packages .package .price h4 { + display: inline; + font-size: 50px; + line-height: normal; + margin-bottom: 0; +} +.packages .package .price .period { + line-height: normal; + color: #999999; +} +.packages .package ul { + padding: 0; +} +.packages .package ul li { + list-style-type: none; + padding-top: 10px; + padding-bottom: 10px; + width: 80%; + margin: auto; + border-bottom: 1px dotted #ccc; +} +.packages .package ul li:last-child { + border-bottom: 0; +} +.packages .package ul li i { + font-size: 13px; + margin-right: 5px; +} +.packages .best-value .package { + margin-top: 0; + padding-bottom: 40px; +} +.packages .best-value .package .package-header { + height: 72px; + padding-top: 17px; + height: 82px !important; +} +.packages .best-value .package .package-header h5 { + font-weight: bold; + line-height: 29px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.packages .best-value .package .package-header .meta-text { + font-size: 13px; + line-height: 15px; +} +#map { + height: 300px; +} +#map.with-border { + border-top: solid 1px var(--primary-accent); + border-bottom: solid 1px var(--primary-accent); +} +#blog-listing-big .post, +#blog-homepage .post { + margin-bottom: 60px; +} +#blog-listing-big .post h2, +#blog-homepage .post h2, +#blog-listing-big .post h4, +#blog-homepage .post h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#blog-listing-big .post h2 a, +#blog-homepage .post h2 a, +#blog-listing-big .post h4 a, +#blog-homepage .post h4 a { + color: #555555; +} +#blog-listing-big .post h2 a:hover, +#blog-homepage .post h2 a:hover, +#blog-listing-big .post h4 a:hover, +#blog-homepage .post h4 a:hover { + color: var(--primary-accent); +} +#blog-listing-big .post .author-category, +#blog-homepage .post .author-category { + color: #999999; + text-transform: uppercase; + font-weight: 300; + letter-spacing: 0.08em; +} +#blog-listing-big .post .author-category a, +#blog-homepage .post .author-category a { + font-weight: 500; +} +#blog-listing-big .post .date-comments a, +#blog-homepage .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-big .post .date-comments a:hover, +#blog-homepage .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-big .post .date-comments, + #blog-homepage .post .date-comments { + text-align: right; + } +} +#blog-listing-big .post .intro, +#blog-homepage .post .intro { + text-align: left; +} +#blog-listing-big .post .image, +#blog-homepage .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-big .post .image img, +#blog-homepage .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-big .post .image img.img-responsive, + #blog-homepage .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-big .post .video, +#blog-homepage .post .video { + margin-bottom: 10px; +} +#blog-listing-big .post .read-more, +#blog-homepage .post .read-more { + text-align: right; +} +#blog-listing-medium .post { + margin-bottom: 60px; +} +#blog-listing-medium .post h2 { + text-transform: uppercase; + margin: 0 0 10px; + font-size: 24px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post h2 a { + color: #555555; +} +#blog-listing-medium .post h2 a:hover { + color: var(--primary-accent); +} +#blog-listing-medium .post .author-category { + float: left; + color: #999999; + text-transform: uppercase; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post .author-category a { + font-weight: 500; +} +#blog-listing-medium .post .date-comments { + float: right; + font-size: 12px; +} +#blog-listing-medium .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-medium .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-medium .post .date-comments { + text-align: right; + } +} +#blog-listing-medium .post .intro { + text-align: left; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-medium .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-medium .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-medium .post .video { + margin-bottom: 10px; +} +#blog-listing-medium .post .read-more { + text-align: right; +} +.box-image-text.blog .author-category { + color: #999999; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 300; + font-size: 12px; +} +.box-image-text.blog .author-category a { + font-weight: 500; +} +.box-image-text.blog .intro { + text-align: left; + margin-bottom: 20px; +} +#blog-homepage .post { + margin-bottom: 30px; +} +#blog-homepage .post h2, +#blog-homepage .post h4, +#blog-homepage .post .author-category, +#blog-homepage .post .read-more { + text-align: center; +} +#blog-homepage .post .read-more { + margin-top: 20px; +} +#blog-post #post-content { + margin-bottom: 20px; +} +#blog-post #post-content img{ + max-width: 100%; + height: auto; + display: block; + margin: auto; +} +#blog-post .comment { + margin-bottom: 25px; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment .posted { + color: #999999; + font-size: 12px; +} +#blog-post .comment .reply { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#blog-post .comment.last { + margin-bottom: 0; +} +#blog-post #comments, +#blog-post #comment-form { + padding: 20px 0; + margin-top: 20px; + border-top: solid 1px #eeeeee; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments h4, +#blog-post #comment-form h4 { + margin-bottom: 20px; +} +#blog-post #comment-form { + margin-bottom: 20px; +} +.product { + background: #fff; + border-bottom: solid 1px #e6e6e6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 60px; + overflow: hidden; + text-align: center; +} +.product .image { + overflow: hidden; +} +.product .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .product .image img.img-responsive { + min-width: 100%; + } +} +.product .text { + padding: 10px; +} +.product .text h3 { + font-size: 14px; + font-weight: 700; + height: 39.6px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.product .text h3 a { + color: #555555; +} +.product .text h3 a:hover { + text-decoration: none; +} +.product .text p.price { + font-size: 18px; +} +.product .text p.price del { + color: #999999; +} +.product .buttons { + clear: both; + position: absolute; + display: none; + bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + border: solid 1px transparent; + padding: 20px; + background: rgba(255, 255, 255, 0.9); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + text-align: center; +} +.product .buttons .btn { + margin-bottom: 20px; +} +.product:hover { + border-bottom: solid 1px #808080; + top: 0; +} +.product:hover .buttons { + clear: both; + position: absolute; + top: 0; + background: rgba(255, 255, 255, 0.5); +} +.product:hover .image img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.goToDescription { + font-size: 12px; + text-align: center; + margin-bottom: 40px; +} +.goToDescription a { + color: #999999; + text-decoration: underline; +} +#productMain { + margin-bottom: 30px; +} +#productMain .sizes { + text-align: center; +} +#productMain .sizes h3 { + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + margin-bottom: 40px; +} +#productMain .sizes a { + display: inline-block; + width: 40px; + height: 40px; + border-radius: 40px; + background: #ccc; + line-height: 40px; + color: #555555; + text-align: center; + text-decoration: none; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#productMain .sizes a.active, +#productMain .sizes a:hover { + background: var(--primary-accent); + color: #fff; +} +#productMain .sizes input { + display: none; +} +#productMain .price { + font-size: 40px; + text-align: center; + margin-top: 40px; + margin-bottom: 40px; +} +#thumbs a { + display: block; + border: solid 1px transparent; +} +#thumbs a.active { + border-color: var(--primary-accent); +} +#product-social { + text-align: center; +} +#product-social h4 { + font-weight: 300; + margin-bottom: 10px; +} +#product-social p { + line-height: 26px; +} +#product-social p a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +#product-social p a i { + vertical-align: bottom; + line-height: 26px; +} +#product-social p a.facebook { + background-color: #4460ae; +} +#product-social p a.gplus { + background-color: #c21f25; +} +#product-social p a.twitter { + background-color: #3cf; +} +#product-social p a.instagram { + background-color: #cd4378; +} +#product-social p a.email { + background-color: #4a7f45; +} +@media (max-width: 991px) { + #product-social { + text-align: center; + } +} +#checkout .nav { + margin-bottom: 20px; + border-bottom: solid 1px var(--primary-accent); +} +#checkout .nav li { + height: 100%; +} +#checkout .nav li a { + display: block; + height: 100%; +} +#order-summary table { + margin-top: 20px; +} +#order-summary table td { + color: #999999; +} +#order-summary table tr.total td, +#order-summary table tr.total th { + font-size: 18px; + color: #555555; + font-weight: 700; +} +#checkout .table tbody tr td, +#basket .table tbody tr td, +#customer-order .table tbody tr td { + vertical-align: middle; +} +#checkout .table tbody tr td input, +#basket .table tbody tr td input, +#customer-order .table tbody tr td input { + width: 50px; + text-align: right; +} +#checkout .table tbody tr td img, +#basket .table tbody tr td img, +#customer-order .table tbody tr td img { + width: 50px; +} +#checkout .table tfoot, +#basket .table tfoot, +#customer-order .table tfoot { + font-size: 18px; +} +.shipping-method h4, +.payment-method h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#customer-orders table tr th, +#customer-orders table tr td { + vertical-align: baseline; +} +#customer-order .table tfoot th { + font-size: 18px; + font-weight: 300; +} +#customer-order .addresses { + text-align: right; + margin-bottom: 30px; +} +#customer-order .addresses p { + font-size: 18px; + font-weight: 300; +} +#customer-account { + margin-bottom: 30px; +} +#get-it { + background: var(--primary-accent); + padding: 50px 0 30px; + color: #fff; + text-align: center; +} +#get-it h1, +#get-it h2, +#get-it h3, +#get-it h4, +#get-it h5, +#get-it h6 { + color: #fff; + text-transform: uppercase; + letter-spacing: 0.08em; + margin: 0 0 20px; +} +#get-it p { + margin: 0 0 20px; +} +#footer { + background: #555555; + padding: 50px 0; + color: #999999; +} +#footer h1, +#footer h2, +#footer h3, +#footer h4, +#footer h5, +#footer h6 { + color: #eeeeee; +} +#footer h4 { + font-size: 14px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; +} +#footer ul { + padding-left: 0; + list-style: none; +} +#footer ul a { + color: #999999; +} +#footer ul a:hover { + color: var(--primary-accent); + text-decoration: none; +} +#footer .photostream div { + float: left; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 33%; + padding: 7.5px; + overflow: hidden; +} +#footer .photostream div a { + border: solid 1 px #eeeeee; +} +#footer .photostream div img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +#footer .photostream div:hover img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#footer .blog-entries .item { + clear: both; + padding: 5px 0; + margin-bottom: 10px; + border-bottom: solid 1px #555555; +} +#footer .blog-entries .item .image { + float: left; + width: 15%; + margin-right: 10px; +} +#footer .blog-entries .item .name { + width: 75%; + margin-left: 10px; + display: table-cell; + vertical-align: middle; +} +#footer .blog-entries .item .name h5 { + margin: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-size: 12px; +} +#footer .blog-entries .item .name h5 a { + color: #eeeeee; +} +#footer .blog-entries .item .text { + width: 100%; + clear: both; +} +#footer .blog-entries .item:last-child { + border-bottom: none; + margin-bottom: 0; +} +#footer .social a { + color: #555555; + font-size: 25px; + margin: 0 10px 0 0; +} +#footer .social a:hover { + color: var(--primary-accent); +} +#copyright { + background: #333; + color: #ccc; + padding: 50px 0; + font-size: 12px; + line-height: 28px; +} +#copyright p { + margin: 0; +} +@media (max-width: 991px) { + #copyright p { + float: none !important; + text-align: center; + margin-bottom: 10px; + } +} +[data-animate] { + opacity: 0; + filter: alpha(opacity=0); +} +#style-switch-button { + position: fixed; + top: 100px; + left: 0px; + border-radius: 0; +} +#style-switch { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 300px; + padding: 20px; + position: fixed; + top: 140px; + left: 0; + background: #fff; + border: solid 1px #eeeeee; +} +@media (max-width: 991px) { + #style-switch-button { + display: none; + } + #style-switch { + display: none; + } +} +/* Original Boostrap template overwrite */ +/* breadcrumbs */ +.breadcrumb { + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + background-color: none; + letter-spacing: 0.08em; +} +/* nav */ +.nav > li > a { + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: var(--primary-accent); +} +.nav-tabs { + border-bottom: 1px solid var(--primary-accent); +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee var(--primary-accent); +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content { + padding: 15px; + border: solid 1px #ddd; + border-top: none; +} +/* navbar */ +.navbar { + position: relative; + min-height: 62px; + margin-bottom: 0; + border-bottom: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-affixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-affixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 10px 15px; + font-size: 18px; + line-height: 20px; + height: 62px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand img { + max-height: 42px; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 14px; + margin-bottom: 14px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-nav { + margin: 10.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 21px; + padding-bottom: 21px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 14px; + margin-bottom: 14px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-btn.btn-sm { + margin-top: 16px; + margin-bottom: 16px; +} +.navbar-btn.btn-xs { + margin-top: 20px; + margin-bottom: 20px; +} +.navbar-text { + margin-top: 21px; + margin-bottom: 21px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #ffffff; + border-color: #cccccc; + border-bottom: none; +} +.navbar-default .navbar-brand { + color: #555555; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #3b3b3b; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #555555; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #555555; + background-color: var(--navbar-focus); +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: var(--primary-accent); +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #cccccc; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: var(--primary-accent); + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #555555; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #555555; +} +.navbar-default .navbar-link:hover { + color: #555555; +} +.navbar-default .btn-link { + color: #555555; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #555555; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc; +} +/* scaffolding */ +body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +a { + color: var(--primary-accent); + text-decoration: none; +} +a:hover, +a:focus { + color: var(--link-focus); + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.img-rounded { + border-radius: 0; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +/* breadcrumbs */ +.breadcrumb { + padding: 20px 0; + margin-bottom: 20px; + background-color: transparent; + border-radius: 0; + text-align: right; +} +.breadcrumb > li + li:before { + content: ">\00a0"; + color: #555555; +} +.breadcrumb > .active { + color: #999999; +} +@media (max-width: 991px) { + .breadcrumb { + padding: 20px 0; + text-align: center; + } +} +/* dropdowns */ +.dropdown-menu { + z-index: 1000; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + padding: 5px 20px; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +/* labels */ +.label { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.08em; +} +/* forms.less */ +label { + font-weight: normal; +} +.form-control { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-control:focus { + border-color: var(--primary-accent); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); +} +.form-group { + margin-bottom: 20px; +} +/* pager*/ +.pager { + margin: 20px 0; + border-top: solid 1px #eeeeee; + padding-top: 20px; + text-transform: uppercase; + letter-spacing: 0.08em; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-radius: 0; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + color: #fff; + background-color: var(--primary-accent); +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + border-color: #ddd; +} +/* pagination */ +.pagination { + margin: 20px 0; + font-family: "Roboto", Helvetica, Arial, sans-serif; + border-radius: 0; +} +.pagination > li > a, +.pagination > li > span { + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: var(--primary-accent); + background-color: #ffffff; + border: 1px solid #dddddd; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: var(--primary-accent); + background-color: var(--pagination-bg); + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; +} +/* responsive utilities */ +@media (max-width: 767px) { + .text-center-xs { + text-align: center !important; + } + .text-center-xs img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .text-center-sm { + text-align: center !important; + } + .text-center-sm img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +/* type */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: 900; + line-height: 1.1; + color: #333333; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 20px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 18px; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +.text-small { + font-size: 12px; +} +.text-large { + font-size: 18px; +} +.text-italic { + font-style: italic; +} +.text-primary { + color: var(--primary-accent); +} +a.text-primary:hover { + color: var(--link-hover-bg); +} +.bg-primary { + color: #fff; + background-color: var(--primary-accent); +} +a.bg-primary:hover { + background-color: var(--link-hover-bg); +} +abbr[title], +abbr[data-original-title] { + border-bottom: 1px dotted #999999; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 14px; + border-left: 5px solid var(--primary-accent); +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + border-right: 5px solid var(--primary-accent); +} +address { + margin-bottom: 20px; + line-height: 1.42857143; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} +.panel-heading { + border-top-right-radius: 0; + border-top-left-radius: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 15px 15px; +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group.accordion .panel { + border-color: #ccc; +} +.panel-primary { + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: var(--primary-accent); +} +.panel-primary > .panel-heading .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: var(--primary-accent); +} +.panel-primary .panel-title { + font-weight: 300; +} +.panel-primary .panel-title a:hover { + color: #fff; + text-decoration: none; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.progress-bar-primary { + background-color: var(--primary-accent); +} +.progress-striped .progress-bar-primary { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +/*! + * Yamm!3 - Yet another megamenu for Bootstrap 3 + * http://geedmo.github.com/yamm3 + * + * @geedmo - Licensed under the MIT license + */ +.yamm .nav, +.yamm .collapse, +.yamm .dropup.use-yamm, +.yamm .dropdown.use-yamm { + position: static; +} +.yamm .container { + position: relative; +} +.yamm .dropdown-menu { + left: auto; +} +.yamm .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.yamm .yamm-content { + padding: 20px 30px; +} +.yamm .dropdown.yamm-fw .dropdown-menu { + left: 15px; + right: 15px; +} diff --git a/public/css/style.turquoise.css b/public/css/style.turquoise.css new file mode 100644 index 0000000..4ad677c --- /dev/null +++ b/public/css/style.turquoise.css @@ -0,0 +1,3581 @@ +/* Themed colors */ +:root { + --primary-accent: #4fbfa8; + --navbar-border-top: #2d7b6b; + --button-border: #389985; + --link-focus: #348e7b; + --form-shadow: rgba(79, 191, 168, 0.6); + --pagination-bg: #bfe8df; + --link-hover-bg: #3aa18c; + --navbar-focus: #9adacd; +} + +.clearfix:before, +.clearfix:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after { + content: " "; + display: table; +} +.clearfix:after, +.navbar:after, +.navbar-header:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/* general styles */ +a, +button { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.clickable { + cursor: pointer !important; +} +.required { + color: var(--primary-accent); +} +.accent { + color: var(--primary-accent); +} +.text-uppercase { + text-transform: uppercase; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .text-center-sm { + text-align: center; + } +} +p.lead { + margin-bottom: 40px; +} +section, +div.section { + margin-bottom: 40px; +} +.no-mb { + margin-bottom: 0 !important; +} +.mb-small { + margin-bottom: 20px !important; +} +.heading { + margin-bottom: 40px; +} +.heading h1, +.heading h2, +.heading h3, +.heading h4, +.heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; + vertical-align: middle; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.heading h1 i[class^="fa"], +.heading h2 i[class^="fa"], +.heading h3 i[class^="fa"], +.heading h4 i[class^="fa"], +.heading h5 i[class^="fa"] { + display: inline-block; + background: var(--primary-accent); + width: 30px; + height: 30px; + vertical-align: middle; + text-align: center; + color: #fff; + font-size: 12px; + line-height: 30px; + border-radius: 15px; +} +.icon { + display: inline-block; + width: 80px; + height: 80px; + color: #fff; + line-height: 80px; + border-radius: 40px; + border: solid 1px #fff; + font-size: 20px; +} +.icon.icon-lg { + font-size: 30px; + border-width: 2px; +} +.ul-icons { + padding-left: 10px; +} +.ul-icons li { + list-style-type: none; + line-height: 20px; + margin-bottom: 20px; +} +.ul-icons li i { + width: 20px; + height: 20px; + background: var(--primary-accent); + color: #fff; + text-align: center; + border-radius: 10px; + line-height: 20px; + margin-right: 10px; +} +ul.list-style-none { + list-style: none; +} +#text-page h1, +#text-page h2, +#text-page h3 { + font-weight: 700; +} +#error-page { + text-align: center; + margin-top: 40px; + margin-bottom: 100px; +} +#error-page h4 { + margin-bottom: 40px; +} +#error-page p.buttons { + margin-top: 40px; +} +.pages-listing .item { + text-align: center; +} +.pages-listing .item h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 20px; + letter-spacing: 0.08em; +} +.pages-listing .item h3 a { + color: #555555; +} +.pages-listing .item .text { + margin-bottom: 20px; +} +.pages-listing .item .text p { + color: #999999; + font-size: 12px; + margin-bottom: 20px; +} +.banner { + margin-bottom: 30px; + text-align: center; +} +.banner img { + margin: 0 auto; +} +.banner a:hover img { + opacity: 0.8; + filter: alpha(opacity=80); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.pages { + text-align: center; +} +.pages .loadMore { + text-align: center; +} +.pages .pagination { + text-align: center; +} +.features-buttons button { + margin-bottom: 20px; +} +@media (min-width: 1300px) { + body.boxed { + background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png); + } + body.boxed #all { + position: relative; + background: #fff; + width: 1200px; + margin: 0 auto; + overflow: hidden; + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; + } +} +#top { + background: #555555; + color: #eeeeee; + padding: 10px 0; +} +#top p { + margin: 0; + font-size: 12px; +} +#top .social { + float: right; + text-align: right; +} +#top .social a { + color: #999999; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 12px; + line-height: 24px; + font-size: 12px; + text-align: center; +} +#top .social a:hover { + color: #fff; + background: var(--primary-accent); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +#top .social a:hover.facebook { + background-color: #4460ae; +} +#top .social a:hover.gplus { + background-color: #c21f25; +} +#top .social a:hover.twitter { + background-color: #3cf; +} +#top .social a:hover.instagram { + background-color: #cd4378; +} +#top .social a:hover.email { + background-color: #4a7f45; +} +#top .login { + float: right; +} +#top .login a { + font-size: 12px; + color: #eeeeee; + margin-right: 15px; + text-decoration: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.10em; +} +@media (max-width: 767px) { + #top .login { + float: left; + } +} +#top.light { + background: #fff; + color: #999999; + border-bottom: solid 1px #eeeeee; +} +#top.light .login a { + color: #555555; +} +.navbar { + border: none; +} +.navbar ul.nav > li > a { + text-transform: uppercase; + text-decoration: underline; + font-weight: bold; + letter-spacing: 0.08em; + border-top: solid 5px transparent; +} +.navbar ul.nav > li > a:hover { + border-top: solid 5px var(--primary-accent); +} +.navbar ul.nav > li.active > a, +.navbar ul.nav > li.open > a { + text-decoration: none !important; + border-top: solid 5px var(--navbar-border-top); +} +@media (max-width: 768px) { + .navbar ul.nav > li.active > a, + .navbar ul.nav > li.open > a { + border-top-color: transparent; + } + .navbar ul.nav > li > a:hover { + border-top-color: transparent; + } +} +.navbar.navbar-light ul.nav > li.active > a { + border-top: solid 5px var(--navbar-border-top); + background: #fff !important; + color: #555555 !important; +} +.navbar.navbar-light ul.nav > li.active > a:hover { + border-top: solid 5px var(--navbar-border-top); +} +.navbar.navbar-light ul.nav > li > a:hover, +.navbar.navbar-light ul.nav > li.open > a:hover, +.navbar.navbar-light ul.nav > li > a:focus, +.navbar.navbar-light ul.nav > li.open > a:focus { + border-top: solid 5px var(--primary-accent); + background: #fff !important; + color: #555555 !important; +} +.navbar ul.dropdown-menu { + margin: 0; + padding: 0; +} +.navbar ul.dropdown-menu li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 4px 0; +} +.navbar ul.dropdown-menu li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + left: 0; +} +.navbar ul.dropdown-menu li a:hover { + color: var(--primary-accent); + text-decoration: none; + background: none; + left: 2px; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .navbar ul.dropdown-menu li a:hover { + left: 0; + } +} +.navbar .yamm-content h3 { + font-size: 18px; + text-transform: uppercase; + padding-bottom: 10px; + margin-top: 5px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +@media (max-width: 767px) { + .navbar .yamm-content h3 { + font-size: 14px; + } +} +.navbar .yamm-content h5 { + text-transform: uppercase; + padding-bottom: 10px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +.navbar .yamm-content ul { + margin: 0; + padding: 0; +} +.navbar .yamm-content ul li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + padding: 4px 0; +} +.navbar .yamm-content ul li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.navbar .yamm-content ul li a:hover { + color: var(--primary-accent); + text-decoration: none; + padding-left: 2px; +} +.navbar .yamm-content .banner { + margin-bottom: 10px; +} +.navbar .yamm-fw .dropdown-menu { + padding: 0; +} +.navbar .navbar-buttons { + float: right; +} +.navbar .navbar-buttons button, +.navbar .navbar-buttons a.btn, +.navbar .navbar-buttons .btn-default.navbar-toggle { + margin-top: 11px; + margin-bottom: 11px; + margin-left: 0; + margin-right: 5px; +} +.navbar .btn-default, +.navbar .btn-default.navbar-toggle { + color: #999999; + background-color: #fff; + margin-left: 7px; + margin-right: 0; +} +.navbar .btn-default:hover, +.navbar .btn-default.navbar-toggle:hover, +.navbar .btn-default:focus, +.navbar .btn-default.navbar-toggle:focus { + background-color: #fff; + border-color: var(--primary-accent); + color: var(--primary-accent); +} +.navbar #search { + clear: both; + border-top: solid 1px var(--primary-accent); + text-align: right; +} +.navbar #search form { + float: right; +} +.navbar #search form .input-group { + width: 500px; +} +@media (max-width: 768px) { + .navbar #search form .input-group { + width: 100%; + } +} +.navbar #basket-overview a { + margin-left: 7px; +} +.navbar-affixed-top { + top: 0; + z-index: 1000; + width: 100%; +} +.navbar-affixed-top.affix { + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; +} +.navbar-affixed-top.affix + section { + margin-top: 62px; +} +@supports (position: sticky) { + .navbar-affixed-top { + position: sticky; + } + .navbar-affixed-top.affix + section { + margin-top: 0; + } +} +#login-modal { + overflow: hidden; +} +#login-modal .modal-header h4 { + text-transform: uppercase; +} +#login-modal form { + margin-bottom: 20px; +} +#login-modal a { + color: var(--primary-accent); +} +#login-modal p { + font-weight: 300; + margin-bottom: 20px; + font-size: 13px; +} +/* buttons */ +.btn { + font-weight: 700; + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + border-radius: 0; +} +.input-group .btn { + font-size: 14px; +} +.btn-lg { + padding: 10px 16px; + font-size: 14px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-template-main { + color: var(--primary-accent); + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + color: var(--primary-accent); + background-color: #e6e6e6; + border-color: var(--button-border); +} +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + background-image: none; +} +.btn-template-main.disabled, +.btn-template-main[disabled], +fieldset[disabled] .btn-template-main, +.btn-template-main.disabled:hover, +.btn-template-main[disabled]:hover, +fieldset[disabled] .btn-template-main:hover, +.btn-template-main.disabled:focus, +.btn-template-main[disabled]:focus, +fieldset[disabled] .btn-template-main:focus, +.btn-template-main.disabled:active, +.btn-template-main[disabled]:active, +fieldset[disabled] .btn-template-main:active, +.btn-template-main.disabled.active, +.btn-template-main[disabled].active, +fieldset[disabled] .btn-template-main.active { + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main .badge { + color: #ffffff; + background-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active { + background: var(--primary-accent); + color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-transparent-primary { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + background-image: none; +} +.btn-template-transparent-primary.disabled, +.btn-template-transparent-primary[disabled], +fieldset[disabled] .btn-template-transparent-primary, +.btn-template-transparent-primary.disabled:hover, +.btn-template-transparent-primary[disabled]:hover, +fieldset[disabled] .btn-template-transparent-primary:hover, +.btn-template-transparent-primary.disabled:focus, +.btn-template-transparent-primary[disabled]:focus, +fieldset[disabled] .btn-template-transparent-primary:focus, +.btn-template-transparent-primary.disabled:active, +.btn-template-transparent-primary[disabled]:active, +fieldset[disabled] .btn-template-transparent-primary:active, +.btn-template-transparent-primary.disabled.active, +.btn-template-transparent-primary[disabled].active, +fieldset[disabled] .btn-template-transparent-primary.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active { + background: #fff; + color: var(--primary-accent); + border-color: #fff; +} +.btn-template-transparent-black { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + background-image: none; +} +.btn-template-transparent-black.disabled, +.btn-template-transparent-black[disabled], +fieldset[disabled] .btn-template-transparent-black, +.btn-template-transparent-black.disabled:hover, +.btn-template-transparent-black[disabled]:hover, +fieldset[disabled] .btn-template-transparent-black:hover, +.btn-template-transparent-black.disabled:focus, +.btn-template-transparent-black[disabled]:focus, +fieldset[disabled] .btn-template-transparent-black:focus, +.btn-template-transparent-black.disabled:active, +.btn-template-transparent-black[disabled]:active, +fieldset[disabled] .btn-template-transparent-black:active, +.btn-template-transparent-black.disabled.active, +.btn-template-transparent-black[disabled].active, +fieldset[disabled] .btn-template-transparent-black.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active { + background: #fff; + color: #000; + border-color: #fff; +} +.btn-template-primary { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary:hover, +.btn-template-primary:focus, +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + color: #ffffff; + background-color: var(--link-hover-bg); + border-color: var(--button-border); +} +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + background-image: none; +} +.btn-template-primary.disabled, +.btn-template-primary[disabled], +fieldset[disabled] .btn-template-primary, +.btn-template-primary.disabled:hover, +.btn-template-primary[disabled]:hover, +fieldset[disabled] .btn-template-primary:hover, +.btn-template-primary.disabled:focus, +.btn-template-primary[disabled]:focus, +fieldset[disabled] .btn-template-primary:focus, +.btn-template-primary.disabled:active, +.btn-template-primary[disabled]:active, +fieldset[disabled] .btn-template-primary:active, +.btn-template-primary.disabled.active, +.btn-template-primary[disabled].active, +fieldset[disabled] .btn-template-primary.active { + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +#intro { + background: url('../img/home.jpg') no-repeat center top; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#intro .item { + font-family: "Roboto", Helvetica, Arial, sans-serif; + height: 100%; +} +#intro .item h1 { + text-transform: uppercase; + font-size: 50px; + color: #fff; + margin-bottom: 40px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #intro .item h1 { + font-size: 40px; + } +} +@media (max-width: 767px) { + #intro .item h1 { + font-size: 25px; + } +} +#intro .item h3 { + color: #fff; + margin-bottom: 40px; +} +@media (max-width: 767px) { + #intro .item h3 { + font-size: 15px; + margin-bottom: 20px; + } +} +#intro .item .btn { + text-transform: none; +} +@media (max-width: 991px) { + #intro .item .btn { + font-size: 14px; + } +} +@media (max-width: 991px) { + #intro .item .carousel-caption { + left: 10%; + right: 10%; + } +} +#intro .container, +#intro .row { + height: 100%; + position: relative; +} +.jumbotron { + padding: 30px; + margin-bottom: 0; + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.jumbotron .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3, +.jumbotron p, +.jumbotron ul { + color: #fff; +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3 { + color: #ffffff; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.jumbotron p { + margin-bottom: 20px; + font-size: 21px; + font-weight: 400; +} +.jumbotron p.text-uppercase { + font-weight: 700; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; + z-index: 2; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 46px; + } +} +#categoryMenu h3 { + padding: 20px; + background: #f7f7f7; + margin: 0; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.panel.sidebar-menu h3 { + padding: 5px 0; + margin: 0; +} +.panel.sidebar-menu { + background: #fff; + margin: 0 0 20px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.panel.sidebar-menu .panel-heading { + text-transform: uppercase; + margin-bottom: 10px; + background: none; + padding: 0; + letter-spacing: 0.08em; + border-bottom: none; +} +.panel.sidebar-menu .panel-heading h1, +.panel.sidebar-menu .panel-heading h2, +.panel.sidebar-menu .panel-heading h3, +.panel.sidebar-menu .panel-heading h4, +.panel.sidebar-menu .panel-heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; +} +.panel.sidebar-menu .panel-heading .btn.btn-danger { + color: #fff; + margin-top: 5px; +} +.panel.sidebar-menu .panel-body { + padding: 0; +} +.panel.sidebar-menu .panel-body span.colour { + display: inline-block; + width: 15px; + height: 15px; + border: solid 1px #555555; + vertical-align: top; + margin-top: 2px; + margin-left: 5px; +} +.panel.sidebar-menu .panel-body span.colour.white { + background: #fff; +} +.panel.sidebar-menu .panel-body span.colour.red { + background: red; +} +.panel.sidebar-menu .panel-body span.colour.green { + background: green; +} +.panel.sidebar-menu .panel-body span.colour.blue { + background: blue; +} +.panel.sidebar-menu .panel-body span.colour.yellow { + background: yellow; +} +.panel.sidebar-menu .panel-body label { + color: #999999; + font-size: 12px; +} +.panel.sidebar-menu .panel-body label:hover { + color: #555555; +} +.panel.sidebar-menu ul.nav.category-menu { + margin-bottom: 20px; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.08em; +} +.panel.sidebar-menu ul.nav.category-menu li a { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.panel.sidebar-menu ul.nav ul { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.nav ul li { + display: block; +} +.panel.sidebar-menu ul.nav ul li a { + position: relative; + font-family: "Times New Roman", Times, serif; + font-weight: normal; + text-transform: none !important; + display: block; + padding: 10px 15px; + padding-left: 30px; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.nav ul li a:hover, +.panel.sidebar-menu ul.nav ul li a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.panel.sidebar-menu ul.tag-cloud { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.tag-cloud li { + display: inline-block; +} +.panel.sidebar-menu ul.tag-cloud li a { + display: inline-block; + padding: 5px; + border: solid 1px #eeeeee; + border-radius: 0; + color: var(--primary-accent); + margin: 5px 5px 5px 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 700; + font-size: 12px; + text-decoration: none; +} +.panel.sidebar-menu ul.tag-cloud li a:hover { + color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a { + color: #FFFFFF; + background-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a:hover { + color: #FFFFFF; +} +.panel.sidebar-menu ul.popular, +.panel.sidebar-menu ul.recent { + list-style: none; + padding-left: 0; + padding: 20px 0; +} +.panel.sidebar-menu ul.popular li, +.panel.sidebar-menu ul.recent li { + margin-bottom: 10px; + padding: 5px 0; + border-bottom: dotted 1px #eeeeee; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li img, +.panel.sidebar-menu ul.recent li img { + width: 50px; + margin-right: 10px; +} +.panel.sidebar-menu ul.popular li h5, +.panel.sidebar-menu ul.recent li h5 { + margin: 0 0 10px; +} +.panel.sidebar-menu ul.popular li h5 a, +.panel.sidebar-menu ul.recent li h5 a { + font-weight: normal; +} +.panel.sidebar-menu ul.popular li p.date, +.panel.sidebar-menu ul.recent li p.date { + float: right; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.popular li:last-child, +.panel.sidebar-menu ul.recent li:last-child { + border-bottom: none; +} +.panel.sidebar-menu .text-widget { + font-size: 12px; +} +.panel.sidebar-menu.with-icons ul.nav li a:after { + font-family: 'FontAwesome'; + content: "\f105"; + position: relative; + top: 0; + float: right; +} +/* ribbons for product sales etc. */ +.ribbon { + position: absolute; + top: 50px; + padding-left: 51px; + font-weight: 700; + letter-spacing: 0.08em; +} +.ribbon .ribbon-background { + position: absolute; + top: 0; + right: 0; +} +.ribbon .theribbon { + position: relative; + width: 80px; + padding: 6px 20px 6px 20px; + margin: 30px 10px 10px -71px; + color: #fff; + background-color: var(--primary-accent); + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.ribbon .theribbon:before, +.ribbon .theribbon:after { + content: ' '; + position: absolute; + width: 0; + height: 0; +} +.ribbon .theribbon:after { + left: 0px; + top: 100%; + border-width: 5px 10px; + border-style: solid; + border-color: #000000 #000000 transparent transparent; +} +.ribbon.sale { + top: 0; +} +.ribbon.new { + top: 50px; +} +.ribbon.new .theribbon { + background-color: #5bc0de; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.new .theribbon:after { + border-color: #2390b0 #2390b0 transparent transparent; +} +.ribbon.gift { + top: 100px; +} +.ribbon.gift .theribbon { + background-color: #5cb85c; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.gift .theribbon:after { + border-color: #357935 #357935 transparent transparent; +} +.owl-carousel .owl-controls .owl-page.active span, +.owl-theme .owl-controls .owl-page.active span, +.owl-carousel .owl-controls.clickable .owl-page:hover span, +.owl-theme .owl-controls.clickable .owl-page:hover span { + background: var(--primary-accent); +} +.owl-carousel .owl-controls .owl-buttons, +.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 5px; + right: 0; +} +.owl-carousel .owl-controls .owl-buttons div, +.owl-theme .owl-controls .owl-buttons div { + width: 26px; + height: 26px; + line-height: 25px; + margin: 0 5px 0 0; + font-size: 18px; + color: var(--primary-accent); + padding: 0; + background: #fff; + border-radius: 13px; + vertical-align: middle; + text-align: center; + opacity: 1; + filter: alpha(opacity=100); +} +.home-carousel { + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.home-carousel .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.home-carousel .owl-carousel { + padding-top: 60px; + padding-bottom: 20px; +} +.home-carousel .owl-theme .owl-controls .owl-page span { + background: #666; +} +.home-carousel .owl-theme .owl-controls .owl-page.active span { + background: #fff; +} +.home-carousel .owl-theme .owl-controls .owl-page:hover span { + background: #fff; +} +@media (max-width: 767px) { + .home-carousel { + text-align: center !important; + } +} +@media (min-width: 992px) { + .home-carousel .right { + text-align: right; + } +} +.home-carousel h1, +.home-carousel h2, +.home-carousel h3, +.home-carousel p, +.home-carousel ul { + color: #fff; +} +.home-carousel h1 { + font-weight: 700; + text-transform: uppercase; + font-size: 46px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .home-carousel h1 { + font-size: 36px; + } +} +.home-carousel h2 { + font-weight: 700; + text-transform: uppercase; + font-size: 40px; + letter-spacing: 0.08em; +} +.home-carousel ul, +.home-carousel p { + font-size: 18px; + font-weight: 700; + padding: 0; + text-transform: uppercase; + letter-spacing: 0.10em; +} +@media (max-width: 991px) { + .home-carousel ul, + .home-carousel p { + font-size: 14px; + } +} +.home-carousel ul li { + margin-bottom: 10px; +} +.customers { + padding: 0; + margin-bottom: 40px; +} +.customers .item { + list-style-type: none; + text-align: center; + margin: 0 20px; +} +.customers .item img { + display: inline-block; + filter: url("data:image/svg+xml;utf8,#grayscale"); + /* Firefox 10+, Firefox on Android */ + filter: gray; + /* IE6-9 */ + -webkit-filter: grayscale(100%); + /* Chrome 19+, Safari 6+, Safari 6+ iOS */ + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.customers .item img:hover { + max-width: auto; + filter: none; + -webkit-filter: none; +} +.testimonials { + padding: 0; + margin-bottom: 40px; +} +.testimonials .item { + list-style-type: none; + margin: 0 5px; + background: #fff; + padding-bottom: 60px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.testimonials .item .testimonial { + position: relative; + padding: 20px; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial .text { + color: #999999; + margin-bottom: 40px; +} +.testimonials .item .testimonial .bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + height: 50px; +} +.testimonials .item .testimonial .bottom .icon { + color: var(--primary-accent); + font-size: 30px; + float: left; + width: 20%; +} +.testimonials .item .testimonial .name-picture { + float: right; + width: 80%; + text-align: right; +} +.testimonials .item .testimonial .name-picture h5 { + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.testimonials .item .testimonial .name-picture p { + color: #999999; + margin: 0; + font-size: 12px; +} +.testimonials .item .testimonial .name-picture img { + float: right; + width: 60px; + border-radius: 30px; + margin-left: 10px; +} +.team-member { + text-align: center; + margin-bottom: 40px; +} +.team-member h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 5px; + letter-spacing: 0.08em; +} +.team-member h3 a { + color: #555555; +} +.team-member p.role { + color: #999999; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.team-member .social { + margin-bottom: 20px; +} +.team-member .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email { + background-color: #4a7f45; +} +.team-member .text p { + color: #999999; + font-size: 12px; +} +.team-member .social, +.team-member-detail .social { + margin-bottom: 20px; +} +.team-member .social a, +.team-member-detail .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i, +.team-member-detail .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook, +.team-member-detail .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus, +.team-member-detail .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter, +.team-member-detail .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram, +.team-member-detail .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email, +.team-member-detail .social a.email { + background-color: #4a7f45; +} +.box-simple { + text-align: center; + margin-bottom: 40px; +} +.box-simple .icon { + color: var(--primary-accent); + border-color: var(--primary-accent); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.box-simple h3 { + font-weight: normal; + font-size: 18px; + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-simple h3 a { + color: #555555; +} +.box-simple p { + color: #999999; +} +.box-simple:hover .icon { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.box-simple:hover .icon i { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.box-simple.box-white { + padding: 20px; + border: dotted 1px #999999; +} +.box-simple.box-white .icon { + color: #555555; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark { + padding: 20px; + border: dotted 1px #999999; + background: #555555; + color: #fff; +} +.box-simple.box-dark .icon { + color: #f7f7f7; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark h3 { + color: #fff; +} +.box-simple.box-dark h3 a { + color: #fff; +} +.box-simple.box-dark p { + color: #fff; +} +.box-image { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +.box-image-text { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image-text .top { + position: relative; + margin-bottom: 10px; +} +.box-image-text .top .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image-text .top .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .top .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image-text .top .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image-text .top .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .content h3, +.box-image-text .content h4 { + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-image-text .content p { + color: #999999; +} +.box-image-text:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image-text:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image-text:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +/* universal box */ +.box { + background: #fff; + margin: 0 0 30px; + border: solid 1px #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 0; + border-left: none; + border-right: none; +} +.box .box-header { + background: #f7f7f7; + margin: -20px 0 20px; + padding: 20px; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-footer { + background: #f7f7f7; + margin: 30px 0 -20px; + padding: 20px; + border-top: solid 1px #eeeeee; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +@media (max-width: 991px) { + .box .box-footer .btn { + margin-bottom: 20px; + } +} +.box.no-border { + border: none; +} +#heading-breadcrumbs { + background: url('../img/texture-turquoise.png') center center repeat; + padding: 20px 0; + margin-bottom: 40px; +} +#heading-breadcrumbs.no-mb { + margin-bottom: 0; +} +#heading-breadcrumbs h1 { + color: #333333; + text-transform: uppercase; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #heading-breadcrumbs h1 { + text-align: center; + } +} +#heading-breadcrumbs ul.breadcrumb { + margin-top: 5px; + margin-bottom: 0; +} +.bar { + position: relative; + background: var(--primary-accent); + padding: 60px 0; +} +.bar.background-pentagon { + background: url('../img/texture-turquoise.png') center center repeat; + border-top: solid 1px #999999; + border-bottom: solid 1px #999999; +} +.bar.background-gray { + background: #eeeeee; +} +.bar.background-gray-dark { + background: #555555; +} +.bar.background-white { + background: #fff; +} +.bar.background-image-fixed-1 { + background: url('../img/fixed-background-1.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.background-image-fixed-2 { + background: url('../img/fixed-background-2.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.color-white h1, +.bar.color-white h2, +.bar.color-white h3, +.bar.color-white h4, +.bar.color-white h5, +.bar.color-white h6, +.bar.color-white p { + color: #fff; +} +.bar.padding-big { + padding: 50px 0; +} +.bar.padding-horizontal { + padding-left: 30px; + padding-right: 30px; +} +.bar.margin-vertical { + margin-top: 20px; + margin-bottom: 20px; +} +.bar .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} +.portfolio.no-space { + padding: 0 15px; +} +.portfolio.no-space .box-image { + margin: 0 -15px; +} +.portfolio-project .project-more h4 { + color: #555555; + text-transform: uppercase; + margin-bottom: 0; + text-align: left; + font-size: 14px; + letter-spacing: 0.08em; +} +.portfolio-project .project-more p { + color: #999999; + padding: 10px 0; + margin-bottom: 20px; + text-align: left; +} +.portfolio-showcase { + margin: 15px 0 60px; +} +.portfolio-showcase h3 a { + text-transform: uppercase; + line-height: 1.5; + letter-spacing: 0.08em; +} +.portfolio-showcase p.lead { + color: #555555; + margin-bottom: 20px; +} +.portfolio-showcase p { + color: #999999; +} +.portfolio-showcase p.buttons { + margin-top: 40px; +} +.see-more { + text-align: center; + margin-top: 20px; + padding-top: 20px; +} +.see-more p { + font-size: 28px; + font-weight: 100; + margin-bottom: 20px; +} +.showcase .item { + text-align: center; +} +.showcase .item .icon { + display: inline-block; + width: 50px; + height: 50px; + color: #555555; + line-height: 50px; + border-radius: 25px; + border: solid 1px #555555; +} +.showcase .item h4 { + color: #555555; + text-transform: uppercase; + letter-spacing: 0.08em; + line-height: 1.5; + font-size: 16px; +} +.showcase .item h4 span { + font-weight: bold; + font-size: 51px; +} +.packages .package { + background: #fff; + margin-top: 25px; + margin-bottom: 20px; + padding-bottom: 15px; + text-align: center; + border: solid 1px var(--primary-accent); + overflow: hidden; +} +.packages .package .package-header { + height: 57px; + color: #fff; + line-height: 57px; + background: var(--primary-accent); +} +.packages .package .package-header h5 { + color: #fff; + text-transform: uppercase; + font-weight: bold; + line-height: 57px; + margin: 0; + letter-spacing: 0.08em; +} +.packages .package .package-header.light-gray { + background: #eeeeee; +} +.packages .package .package-header.light-gray h5 { + color: #555555; +} +.packages .package .price { + line-height: 120px; + height: 100px; + color: #fff; + font-weight: 400; +} +.packages .package .price h4 { + display: inline; + font-size: 50px; + line-height: normal; + margin-bottom: 0; +} +.packages .package .price .period { + line-height: normal; + color: #999999; +} +.packages .package ul { + padding: 0; +} +.packages .package ul li { + list-style-type: none; + padding-top: 10px; + padding-bottom: 10px; + width: 80%; + margin: auto; + border-bottom: 1px dotted #ccc; +} +.packages .package ul li:last-child { + border-bottom: 0; +} +.packages .package ul li i { + font-size: 13px; + margin-right: 5px; +} +.packages .best-value .package { + margin-top: 0; + padding-bottom: 40px; +} +.packages .best-value .package .package-header { + height: 72px; + padding-top: 17px; + height: 82px !important; +} +.packages .best-value .package .package-header h5 { + font-weight: bold; + line-height: 29px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.packages .best-value .package .package-header .meta-text { + font-size: 13px; + line-height: 15px; +} +#map { + height: 300px; +} +#map.with-border { + border-top: solid 1px var(--primary-accent); + border-bottom: solid 1px var(--primary-accent); +} +#blog-listing-big .post, +#blog-homepage .post { + margin-bottom: 60px; +} +#blog-listing-big .post h2, +#blog-homepage .post h2, +#blog-listing-big .post h4, +#blog-homepage .post h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#blog-listing-big .post h2 a, +#blog-homepage .post h2 a, +#blog-listing-big .post h4 a, +#blog-homepage .post h4 a { + color: #555555; +} +#blog-listing-big .post h2 a:hover, +#blog-homepage .post h2 a:hover, +#blog-listing-big .post h4 a:hover, +#blog-homepage .post h4 a:hover { + color: var(--primary-accent); +} +#blog-listing-big .post .author-category, +#blog-homepage .post .author-category { + color: #999999; + text-transform: uppercase; + font-weight: 300; + letter-spacing: 0.08em; +} +#blog-listing-big .post .author-category a, +#blog-homepage .post .author-category a { + font-weight: 500; +} +#blog-listing-big .post .date-comments a, +#blog-homepage .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-big .post .date-comments a:hover, +#blog-homepage .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-big .post .date-comments, + #blog-homepage .post .date-comments { + text-align: right; + } +} +#blog-listing-big .post .intro, +#blog-homepage .post .intro { + text-align: left; +} +#blog-listing-big .post .image, +#blog-homepage .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-big .post .image img, +#blog-homepage .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-big .post .image img.img-responsive, + #blog-homepage .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-big .post .video, +#blog-homepage .post .video { + margin-bottom: 10px; +} +#blog-listing-big .post .read-more, +#blog-homepage .post .read-more { + text-align: right; +} +#blog-listing-medium .post { + margin-bottom: 60px; +} +#blog-listing-medium .post h2 { + text-transform: uppercase; + margin: 0 0 10px; + font-size: 24px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post h2 a { + color: #555555; +} +#blog-listing-medium .post h2 a:hover { + color: var(--primary-accent); +} +#blog-listing-medium .post .author-category { + float: left; + color: #999999; + text-transform: uppercase; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post .author-category a { + font-weight: 500; +} +#blog-listing-medium .post .date-comments { + float: right; + font-size: 12px; +} +#blog-listing-medium .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-medium .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-medium .post .date-comments { + text-align: right; + } +} +#blog-listing-medium .post .intro { + text-align: left; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-medium .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-medium .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-medium .post .video { + margin-bottom: 10px; +} +#blog-listing-medium .post .read-more { + text-align: right; +} +.box-image-text.blog .author-category { + color: #999999; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 300; + font-size: 12px; +} +.box-image-text.blog .author-category a { + font-weight: 500; +} +.box-image-text.blog .intro { + text-align: left; + margin-bottom: 20px; +} +#blog-homepage .post { + margin-bottom: 30px; +} +#blog-homepage .post h2, +#blog-homepage .post h4, +#blog-homepage .post .author-category, +#blog-homepage .post .read-more { + text-align: center; +} +#blog-homepage .post .read-more { + margin-top: 20px; +} +#blog-post #post-content { + margin-bottom: 20px; +} +#blog-post #post-content img{ + max-width: 100%; + height: auto; + display: block; + margin: auto; +} +#blog-post .comment { + margin-bottom: 25px; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment .posted { + color: #999999; + font-size: 12px; +} +#blog-post .comment .reply { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#blog-post .comment.last { + margin-bottom: 0; +} +#blog-post #comments, +#blog-post #comment-form { + padding: 20px 0; + margin-top: 20px; + border-top: solid 1px #eeeeee; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments h4, +#blog-post #comment-form h4 { + margin-bottom: 20px; +} +#blog-post #comment-form { + margin-bottom: 20px; +} +.product { + background: #fff; + border-bottom: solid 1px #e6e6e6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 60px; + overflow: hidden; + text-align: center; +} +.product .image { + overflow: hidden; +} +.product .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .product .image img.img-responsive { + min-width: 100%; + } +} +.product .text { + padding: 10px; +} +.product .text h3 { + font-size: 14px; + font-weight: 700; + height: 39.6px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.product .text h3 a { + color: #555555; +} +.product .text h3 a:hover { + text-decoration: none; +} +.product .text p.price { + font-size: 18px; +} +.product .text p.price del { + color: #999999; +} +.product .buttons { + clear: both; + position: absolute; + display: none; + bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + border: solid 1px transparent; + padding: 20px; + background: rgba(255, 255, 255, 0.9); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + text-align: center; +} +.product .buttons .btn { + margin-bottom: 20px; +} +.product:hover { + border-bottom: solid 1px #808080; + top: 0; +} +.product:hover .buttons { + clear: both; + position: absolute; + top: 0; + background: rgba(255, 255, 255, 0.5); +} +.product:hover .image img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.goToDescription { + font-size: 12px; + text-align: center; + margin-bottom: 40px; +} +.goToDescription a { + color: #999999; + text-decoration: underline; +} +#productMain { + margin-bottom: 30px; +} +#productMain .sizes { + text-align: center; +} +#productMain .sizes h3 { + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + margin-bottom: 40px; +} +#productMain .sizes a { + display: inline-block; + width: 40px; + height: 40px; + border-radius: 40px; + background: #ccc; + line-height: 40px; + color: #555555; + text-align: center; + text-decoration: none; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#productMain .sizes a.active, +#productMain .sizes a:hover { + background: var(--primary-accent); + color: #fff; +} +#productMain .sizes input { + display: none; +} +#productMain .price { + font-size: 40px; + text-align: center; + margin-top: 40px; + margin-bottom: 40px; +} +#thumbs a { + display: block; + border: solid 1px transparent; +} +#thumbs a.active { + border-color: var(--primary-accent); +} +#product-social { + text-align: center; +} +#product-social h4 { + font-weight: 300; + margin-bottom: 10px; +} +#product-social p { + line-height: 26px; +} +#product-social p a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +#product-social p a i { + vertical-align: bottom; + line-height: 26px; +} +#product-social p a.facebook { + background-color: #4460ae; +} +#product-social p a.gplus { + background-color: #c21f25; +} +#product-social p a.twitter { + background-color: #3cf; +} +#product-social p a.instagram { + background-color: #cd4378; +} +#product-social p a.email { + background-color: #4a7f45; +} +@media (max-width: 991px) { + #product-social { + text-align: center; + } +} +#checkout .nav { + margin-bottom: 20px; + border-bottom: solid 1px var(--primary-accent); +} +#checkout .nav li { + height: 100%; +} +#checkout .nav li a { + display: block; + height: 100%; +} +#order-summary table { + margin-top: 20px; +} +#order-summary table td { + color: #999999; +} +#order-summary table tr.total td, +#order-summary table tr.total th { + font-size: 18px; + color: #555555; + font-weight: 700; +} +#checkout .table tbody tr td, +#basket .table tbody tr td, +#customer-order .table tbody tr td { + vertical-align: middle; +} +#checkout .table tbody tr td input, +#basket .table tbody tr td input, +#customer-order .table tbody tr td input { + width: 50px; + text-align: right; +} +#checkout .table tbody tr td img, +#basket .table tbody tr td img, +#customer-order .table tbody tr td img { + width: 50px; +} +#checkout .table tfoot, +#basket .table tfoot, +#customer-order .table tfoot { + font-size: 18px; +} +.shipping-method h4, +.payment-method h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#customer-orders table tr th, +#customer-orders table tr td { + vertical-align: baseline; +} +#customer-order .table tfoot th { + font-size: 18px; + font-weight: 300; +} +#customer-order .addresses { + text-align: right; + margin-bottom: 30px; +} +#customer-order .addresses p { + font-size: 18px; + font-weight: 300; +} +#customer-account { + margin-bottom: 30px; +} +#get-it { + background: var(--primary-accent); + padding: 50px 0 30px; + color: #fff; + text-align: center; +} +#get-it h1, +#get-it h2, +#get-it h3, +#get-it h4, +#get-it h5, +#get-it h6 { + color: #fff; + text-transform: uppercase; + letter-spacing: 0.08em; + margin: 0 0 20px; +} +#get-it p { + margin: 0 0 20px; +} +#footer { + background: #555555; + padding: 50px 0; + color: #999999; +} +#footer h1, +#footer h2, +#footer h3, +#footer h4, +#footer h5, +#footer h6 { + color: #eeeeee; +} +#footer h4 { + font-size: 14px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; +} +#footer ul { + padding-left: 0; + list-style: none; +} +#footer ul a { + color: #999999; +} +#footer ul a:hover { + color: var(--primary-accent); + text-decoration: none; +} +#footer .photostream div { + float: left; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 33%; + padding: 7.5px; + overflow: hidden; +} +#footer .photostream div a { + border: solid 1 px #eeeeee; +} +#footer .photostream div img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +#footer .photostream div:hover img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#footer .blog-entries .item { + clear: both; + padding: 5px 0; + margin-bottom: 10px; + border-bottom: solid 1px #555555; +} +#footer .blog-entries .item .image { + float: left; + width: 15%; + margin-right: 10px; +} +#footer .blog-entries .item .name { + width: 75%; + margin-left: 10px; + display: table-cell; + vertical-align: middle; +} +#footer .blog-entries .item .name h5 { + margin: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-size: 12px; +} +#footer .blog-entries .item .name h5 a { + color: #eeeeee; +} +#footer .blog-entries .item .text { + width: 100%; + clear: both; +} +#footer .blog-entries .item:last-child { + border-bottom: none; + margin-bottom: 0; +} +#footer .social a { + color: #555555; + font-size: 25px; + margin: 0 10px 0 0; +} +#footer .social a:hover { + color: var(--primary-accent); +} +#copyright { + background: #333; + color: #ccc; + padding: 50px 0; + font-size: 12px; + line-height: 28px; +} +#copyright p { + margin: 0; +} +@media (max-width: 991px) { + #copyright p { + float: none !important; + text-align: center; + margin-bottom: 10px; + } +} +[data-animate] { + opacity: 0; + filter: alpha(opacity=0); +} +#style-switch-button { + position: fixed; + top: 100px; + left: 0px; + border-radius: 0; +} +#style-switch { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 300px; + padding: 20px; + position: fixed; + top: 140px; + left: 0; + background: #fff; + border: solid 1px #eeeeee; +} +@media (max-width: 991px) { + #style-switch-button { + display: none; + } + #style-switch { + display: none; + } +} +/* Original Boostrap template overwrite */ +/* breadcrumbs */ +.breadcrumb { + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + background-color: none; + letter-spacing: 0.08em; +} +/* nav */ +.nav > li > a { + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: var(--primary-accent); +} +.nav-tabs { + border-bottom: 1px solid var(--primary-accent); +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee var(--primary-accent); +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content { + padding: 15px; + border: solid 1px #ddd; + border-top: none; +} +/* navbar */ +.navbar { + position: relative; + min-height: 62px; + margin-bottom: 0; + border-bottom: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-affixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-affixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 10px 15px; + font-size: 18px; + line-height: 20px; + height: 62px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand img { + max-height: 42px; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 14px; + margin-bottom: 14px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-nav { + margin: 10.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 21px; + padding-bottom: 21px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 14px; + margin-bottom: 14px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-btn.btn-sm { + margin-top: 16px; + margin-bottom: 16px; +} +.navbar-btn.btn-xs { + margin-top: 20px; + margin-bottom: 20px; +} +.navbar-text { + margin-top: 21px; + margin-bottom: 21px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #ffffff; + border-color: #cccccc; + border-bottom: none; +} +.navbar-default .navbar-brand { + color: #555555; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #3b3b3b; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #555555; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #555555; + background-color: var(--navbar-focus); +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: var(--primary-accent); +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #cccccc; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: var(--primary-accent); + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #555555; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #555555; +} +.navbar-default .navbar-link:hover { + color: #555555; +} +.navbar-default .btn-link { + color: #555555; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #555555; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc; +} +/* scaffolding */ +body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +a { + color: var(--primary-accent); + text-decoration: none; +} +a:hover, +a:focus { + color: var(--link-focus); + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.img-rounded { + border-radius: 0; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +/* breadcrumbs */ +.breadcrumb { + padding: 20px 0; + margin-bottom: 20px; + background-color: transparent; + border-radius: 0; + text-align: right; +} +.breadcrumb > li + li:before { + content: ">\00a0"; + color: #555555; +} +.breadcrumb > .active { + color: #999999; +} +@media (max-width: 991px) { + .breadcrumb { + padding: 20px 0; + text-align: center; + } +} +/* dropdowns */ +.dropdown-menu { + z-index: 1000; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + padding: 5px 20px; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +/* labels */ +.label { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.08em; +} +/* forms.less */ +label { + font-weight: normal; +} +.form-control { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-control:focus { + border-color: var(--primary-accent); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); +} +.form-group { + margin-bottom: 20px; +} +/* pager*/ +.pager { + margin: 20px 0; + border-top: solid 1px #eeeeee; + padding-top: 20px; + text-transform: uppercase; + letter-spacing: 0.08em; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-radius: 0; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + color: #fff; + background-color: var(--primary-accent); +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + border-color: #ddd; +} +/* pagination */ +.pagination { + margin: 20px 0; + font-family: "Roboto", Helvetica, Arial, sans-serif; + border-radius: 0; +} +.pagination > li > a, +.pagination > li > span { + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: var(--primary-accent); + background-color: #ffffff; + border: 1px solid #dddddd; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: var(--primary-accent); + background-color: var(--pagination-bg); + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; +} +/* responsive utilities */ +@media (max-width: 767px) { + .text-center-xs { + text-align: center !important; + } + .text-center-xs img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .text-center-sm { + text-align: center !important; + } + .text-center-sm img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +/* type */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: 900; + line-height: 1.1; + color: #333333; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 20px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 18px; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +.text-small { + font-size: 12px; +} +.text-large { + font-size: 18px; +} +.text-italic { + font-style: italic; +} +.text-primary { + color: var(--primary-accent); +} +a.text-primary:hover { + color: var(--link-hover-bg); +} +.bg-primary { + color: #fff; + background-color: var(--primary-accent); +} +a.bg-primary:hover { + background-color: var(--link-hover-bg); +} +abbr[title], +abbr[data-original-title] { + border-bottom: 1px dotted #999999; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 14px; + border-left: 5px solid var(--primary-accent); +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + border-right: 5px solid var(--primary-accent); +} +address { + margin-bottom: 20px; + line-height: 1.42857143; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} +.panel-heading { + border-top-right-radius: 0; + border-top-left-radius: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 15px 15px; +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group.accordion .panel { + border-color: #ccc; +} +.panel-primary { + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: var(--primary-accent); +} +.panel-primary > .panel-heading .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: var(--primary-accent); +} +.panel-primary .panel-title { + font-weight: 300; +} +.panel-primary .panel-title a:hover { + color: #fff; + text-decoration: none; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.progress-bar-primary { + background-color: var(--primary-accent); +} +.progress-striped .progress-bar-primary { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +/*! + * Yamm!3 - Yet another megamenu for Bootstrap 3 + * http://geedmo.github.com/yamm3 + * + * @geedmo - Licensed under the MIT license + */ +.yamm .nav, +.yamm .collapse, +.yamm .dropup.use-yamm, +.yamm .dropdown.use-yamm { + position: static; +} +.yamm .container { + position: relative; +} +.yamm .dropdown-menu { + left: auto; +} +.yamm .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.yamm .yamm-content { + padding: 20px 30px; +} +.yamm .dropdown.yamm-fw .dropdown-menu { + left: 15px; + right: 15px; +} diff --git a/public/css/style.violet.css b/public/css/style.violet.css new file mode 100644 index 0000000..ba3dac1 --- /dev/null +++ b/public/css/style.violet.css @@ -0,0 +1,3581 @@ +/* Themed colors */ +:root { + --primary-accent: #986dbd; + --navbar-border-top: #653d87; + --button-border: #7a4aa3; + --link-focus: #724599; + --form-shadow: rgba(152, 109, 189, 0.6); + --pagination-bg: #e2d6ed; + --link-hover-bg: #7f4daa; + --navbar-focus: #cab3dd; +} + +.clearfix:before, +.clearfix:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after { + content: " "; + display: table; +} +.clearfix:after, +.navbar:after, +.navbar-header:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/* general styles */ +a, +button { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.clickable { + cursor: pointer !important; +} +.required { + color: var(--primary-accent); +} +.accent { + color: var(--primary-accent); +} +.text-uppercase { + text-transform: uppercase; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .text-center-sm { + text-align: center; + } +} +p.lead { + margin-bottom: 40px; +} +section, +div.section { + margin-bottom: 40px; +} +.no-mb { + margin-bottom: 0 !important; +} +.mb-small { + margin-bottom: 20px !important; +} +.heading { + margin-bottom: 40px; +} +.heading h1, +.heading h2, +.heading h3, +.heading h4, +.heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; + vertical-align: middle; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.heading h1 i[class^="fa"], +.heading h2 i[class^="fa"], +.heading h3 i[class^="fa"], +.heading h4 i[class^="fa"], +.heading h5 i[class^="fa"] { + display: inline-block; + background: var(--primary-accent); + width: 30px; + height: 30px; + vertical-align: middle; + text-align: center; + color: #fff; + font-size: 12px; + line-height: 30px; + border-radius: 15px; +} +.icon { + display: inline-block; + width: 80px; + height: 80px; + color: #fff; + line-height: 80px; + border-radius: 40px; + border: solid 1px #fff; + font-size: 20px; +} +.icon.icon-lg { + font-size: 30px; + border-width: 2px; +} +.ul-icons { + padding-left: 10px; +} +.ul-icons li { + list-style-type: none; + line-height: 20px; + margin-bottom: 20px; +} +.ul-icons li i { + width: 20px; + height: 20px; + background: var(--primary-accent); + color: #fff; + text-align: center; + border-radius: 10px; + line-height: 20px; + margin-right: 10px; +} +ul.list-style-none { + list-style: none; +} +#text-page h1, +#text-page h2, +#text-page h3 { + font-weight: 700; +} +#error-page { + text-align: center; + margin-top: 40px; + margin-bottom: 100px; +} +#error-page h4 { + margin-bottom: 40px; +} +#error-page p.buttons { + margin-top: 40px; +} +.pages-listing .item { + text-align: center; +} +.pages-listing .item h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 20px; + letter-spacing: 0.08em; +} +.pages-listing .item h3 a { + color: #555555; +} +.pages-listing .item .text { + margin-bottom: 20px; +} +.pages-listing .item .text p { + color: #999999; + font-size: 12px; + margin-bottom: 20px; +} +.banner { + margin-bottom: 30px; + text-align: center; +} +.banner img { + margin: 0 auto; +} +.banner a:hover img { + opacity: 0.8; + filter: alpha(opacity=80); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.pages { + text-align: center; +} +.pages .loadMore { + text-align: center; +} +.pages .pagination { + text-align: center; +} +.features-buttons button { + margin-bottom: 20px; +} +@media (min-width: 1300px) { + body.boxed { + background: url(https://www.toptal.com/designers/subtlepatterns/patterns/subtle_zebra_3d.png); + } + body.boxed #all { + position: relative; + background: #fff; + width: 1200px; + margin: 0 auto; + overflow: hidden; + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; + } +} +#top { + background: #555555; + color: #eeeeee; + padding: 10px 0; +} +#top p { + margin: 0; + font-size: 12px; +} +#top .social { + float: right; + text-align: right; +} +#top .social a { + color: #999999; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 12px; + line-height: 24px; + font-size: 12px; + text-align: center; +} +#top .social a:hover { + color: #fff; + background: var(--primary-accent); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +#top .social a:hover.facebook { + background-color: #4460ae; +} +#top .social a:hover.gplus { + background-color: #c21f25; +} +#top .social a:hover.twitter { + background-color: #3cf; +} +#top .social a:hover.instagram { + background-color: #cd4378; +} +#top .social a:hover.email { + background-color: #4a7f45; +} +#top .login { + float: right; +} +#top .login a { + font-size: 12px; + color: #eeeeee; + margin-right: 15px; + text-decoration: none; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.10em; +} +@media (max-width: 767px) { + #top .login { + float: left; + } +} +#top.light { + background: #fff; + color: #999999; + border-bottom: solid 1px #eeeeee; +} +#top.light .login a { + color: #555555; +} +.navbar { + border: none; +} +.navbar ul.nav > li > a { + text-transform: uppercase; + text-decoration: underline; + font-weight: bold; + letter-spacing: 0.08em; + border-top: solid 5px transparent; +} +.navbar ul.nav > li > a:hover { + border-top: solid 5px var(--primary-accent); +} +.navbar ul.nav > li.active > a, +.navbar ul.nav > li.open > a { + text-decoration: none !important; + border-top: solid 5px var(--navbar-border-top); +} +@media (max-width: 768px) { + .navbar ul.nav > li.active > a, + .navbar ul.nav > li.open > a { + border-top-color: transparent; + } + .navbar ul.nav > li > a:hover { + border-top-color: transparent; + } +} +.navbar.navbar-light ul.nav > li.active > a { + border-top: solid 5px var(--navbar-border-top); + background: #fff !important; + color: #555555 !important; +} +.navbar.navbar-light ul.nav > li.active > a:hover { + border-top: solid 5px var(--navbar-border-top); +} +.navbar.navbar-light ul.nav > li > a:hover, +.navbar.navbar-light ul.nav > li.open > a:hover, +.navbar.navbar-light ul.nav > li > a:focus, +.navbar.navbar-light ul.nav > li.open > a:focus { + border-top: solid 5px var(--primary-accent); + background: #fff !important; + color: #555555 !important; +} +.navbar ul.dropdown-menu { + margin: 0; + padding: 0; +} +.navbar ul.dropdown-menu li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 4px 0; +} +.navbar ul.dropdown-menu li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + left: 0; +} +.navbar ul.dropdown-menu li a:hover { + color: var(--primary-accent); + text-decoration: none; + background: none; + left: 2px; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .navbar ul.dropdown-menu li a:hover { + left: 0; + } +} +.navbar .yamm-content h3 { + font-size: 18px; + text-transform: uppercase; + padding-bottom: 10px; + margin-top: 5px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +@media (max-width: 767px) { + .navbar .yamm-content h3 { + font-size: 14px; + } +} +.navbar .yamm-content h5 { + text-transform: uppercase; + padding-bottom: 10px; + border-bottom: dotted 1px #555555; + letter-spacing: 0.08em; +} +.navbar .yamm-content ul { + margin: 0; + padding: 0; +} +.navbar .yamm-content ul li { + list-style-type: none; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + padding: 4px 0; +} +.navbar .yamm-content ul li a { + position: relative; + color: #999999; + font-size: 12px; + display: block; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.navbar .yamm-content ul li a:hover { + color: var(--primary-accent); + text-decoration: none; + padding-left: 2px; +} +.navbar .yamm-content .banner { + margin-bottom: 10px; +} +.navbar .yamm-fw .dropdown-menu { + padding: 0; +} +.navbar .navbar-buttons { + float: right; +} +.navbar .navbar-buttons button, +.navbar .navbar-buttons a.btn, +.navbar .navbar-buttons .btn-default.navbar-toggle { + margin-top: 11px; + margin-bottom: 11px; + margin-left: 0; + margin-right: 5px; +} +.navbar .btn-default, +.navbar .btn-default.navbar-toggle { + color: #999999; + background-color: #fff; + margin-left: 7px; + margin-right: 0; +} +.navbar .btn-default:hover, +.navbar .btn-default.navbar-toggle:hover, +.navbar .btn-default:focus, +.navbar .btn-default.navbar-toggle:focus { + background-color: #fff; + border-color: var(--primary-accent); + color: var(--primary-accent); +} +.navbar #search { + clear: both; + border-top: solid 1px var(--primary-accent); + text-align: right; +} +.navbar #search form { + float: right; +} +.navbar #search form .input-group { + width: 500px; +} +@media (max-width: 768px) { + .navbar #search form .input-group { + width: 100%; + } +} +.navbar #basket-overview a { + margin-left: 7px; +} +.navbar-affixed-top { + top: 0; + z-index: 1000; + width: 100%; +} +.navbar-affixed-top.affix { + -webkit-box-shadow: 0 0 5px #cccccc; + box-shadow: 0 0 5px #cccccc; +} +.navbar-affixed-top.affix + section { + margin-top: 62px; +} +@supports (position: sticky) { + .navbar-affixed-top { + position: sticky; + } + .navbar-affixed-top.affix + section { + margin-top: 0; + } +} +#login-modal { + overflow: hidden; +} +#login-modal .modal-header h4 { + text-transform: uppercase; +} +#login-modal form { + margin-bottom: 20px; +} +#login-modal a { + color: var(--primary-accent); +} +#login-modal p { + font-weight: 300; + margin-bottom: 20px; + font-size: 13px; +} +/* buttons */ +.btn { + font-weight: 700; + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 6px 12px; + font-size: 13px; + line-height: 1.42857143; + border-radius: 0; +} +.input-group .btn { + font-size: 14px; +} +.btn-lg { + padding: 10px 16px; + font-size: 14px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-template-main { + color: var(--primary-accent); + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + color: var(--primary-accent); + background-color: #e6e6e6; + border-color: var(--button-border); +} +.btn-template-main:active, +.btn-template-main.active, +.open > .dropdown-toggle.btn-template-main { + background-image: none; +} +.btn-template-main.disabled, +.btn-template-main[disabled], +fieldset[disabled] .btn-template-main, +.btn-template-main.disabled:hover, +.btn-template-main[disabled]:hover, +fieldset[disabled] .btn-template-main:hover, +.btn-template-main.disabled:focus, +.btn-template-main[disabled]:focus, +fieldset[disabled] .btn-template-main:focus, +.btn-template-main.disabled:active, +.btn-template-main[disabled]:active, +fieldset[disabled] .btn-template-main:active, +.btn-template-main.disabled.active, +.btn-template-main[disabled].active, +fieldset[disabled] .btn-template-main.active { + background-color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-main .badge { + color: #ffffff; + background-color: var(--primary-accent); +} +.btn-template-main:hover, +.btn-template-main:focus, +.btn-template-main:active, +.btn-template-main.active { + background: var(--primary-accent); + color: #ffffff; + border-color: var(--primary-accent); +} +.btn-template-transparent-primary { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active, +.open > .dropdown-toggle.btn-template-transparent-primary { + background-image: none; +} +.btn-template-transparent-primary.disabled, +.btn-template-transparent-primary[disabled], +fieldset[disabled] .btn-template-transparent-primary, +.btn-template-transparent-primary.disabled:hover, +.btn-template-transparent-primary[disabled]:hover, +fieldset[disabled] .btn-template-transparent-primary:hover, +.btn-template-transparent-primary.disabled:focus, +.btn-template-transparent-primary[disabled]:focus, +fieldset[disabled] .btn-template-transparent-primary:focus, +.btn-template-transparent-primary.disabled:active, +.btn-template-transparent-primary[disabled]:active, +fieldset[disabled] .btn-template-transparent-primary:active, +.btn-template-transparent-primary.disabled.active, +.btn-template-transparent-primary[disabled].active, +fieldset[disabled] .btn-template-transparent-primary.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-primary .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-primary:hover, +.btn-template-transparent-primary:focus, +.btn-template-transparent-primary:active, +.btn-template-transparent-primary.active { + background: #fff; + color: var(--primary-accent); + border-color: #fff; +} +.btn-template-transparent-black { + color: #ffffff; + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + color: #ffffff; + background-color: rgba(0, 0, 0, 0); + border-color: #e0e0e0; +} +.btn-template-transparent-black:active, +.btn-template-transparent-black.active, +.open > .dropdown-toggle.btn-template-transparent-black { + background-image: none; +} +.btn-template-transparent-black.disabled, +.btn-template-transparent-black[disabled], +fieldset[disabled] .btn-template-transparent-black, +.btn-template-transparent-black.disabled:hover, +.btn-template-transparent-black[disabled]:hover, +fieldset[disabled] .btn-template-transparent-black:hover, +.btn-template-transparent-black.disabled:focus, +.btn-template-transparent-black[disabled]:focus, +fieldset[disabled] .btn-template-transparent-black:focus, +.btn-template-transparent-black.disabled:active, +.btn-template-transparent-black[disabled]:active, +fieldset[disabled] .btn-template-transparent-black:active, +.btn-template-transparent-black.disabled.active, +.btn-template-transparent-black[disabled].active, +fieldset[disabled] .btn-template-transparent-black.active { + background-color: transparent; + border-color: #ffffff; +} +.btn-template-transparent-black .badge { + color: transparent; + background-color: #ffffff; +} +.btn-template-transparent-black:hover, +.btn-template-transparent-black:focus, +.btn-template-transparent-black:active, +.btn-template-transparent-black.active { + background: #fff; + color: #000; + border-color: #fff; +} +.btn-template-primary { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary:hover, +.btn-template-primary:focus, +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + color: #ffffff; + background-color: var(--link-hover-bg); + border-color: var(--button-border); +} +.btn-template-primary:active, +.btn-template-primary.active, +.open > .dropdown-toggle.btn-template-primary { + background-image: none; +} +.btn-template-primary.disabled, +.btn-template-primary[disabled], +fieldset[disabled] .btn-template-primary, +.btn-template-primary.disabled:hover, +.btn-template-primary[disabled]:hover, +fieldset[disabled] .btn-template-primary:hover, +.btn-template-primary.disabled:focus, +.btn-template-primary[disabled]:focus, +fieldset[disabled] .btn-template-primary:focus, +.btn-template-primary.disabled:active, +.btn-template-primary[disabled]:active, +fieldset[disabled] .btn-template-primary:active, +.btn-template-primary.disabled.active, +.btn-template-primary[disabled].active, +fieldset[disabled] .btn-template-primary.active { + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.btn-template-primary .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +#intro { + background: url('../img/home.jpg') no-repeat center top; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} +#intro .item { + font-family: "Roboto", Helvetica, Arial, sans-serif; + height: 100%; +} +#intro .item h1 { + text-transform: uppercase; + font-size: 50px; + color: #fff; + margin-bottom: 40px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #intro .item h1 { + font-size: 40px; + } +} +@media (max-width: 767px) { + #intro .item h1 { + font-size: 25px; + } +} +#intro .item h3 { + color: #fff; + margin-bottom: 40px; +} +@media (max-width: 767px) { + #intro .item h3 { + font-size: 15px; + margin-bottom: 20px; + } +} +#intro .item .btn { + text-transform: none; +} +@media (max-width: 991px) { + #intro .item .btn { + font-size: 14px; + } +} +@media (max-width: 991px) { + #intro .item .carousel-caption { + left: 10%; + right: 10%; + } +} +#intro .container, +#intro .row { + height: 100%; + position: relative; +} +.jumbotron { + padding: 30px; + margin-bottom: 0; + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.jumbotron .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3, +.jumbotron p, +.jumbotron ul { + color: #fff; +} +.jumbotron h1, +.jumbotron h2, +.jumbotron h3 { + color: #ffffff; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.jumbotron p { + margin-bottom: 20px; + font-size: 21px; + font-weight: 400; +} +.jumbotron p.text-uppercase { + font-weight: 700; +} +.jumbotron > hr { + border-top-color: #d5d5d5; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; + z-index: 2; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 46px; + } +} +#categoryMenu h3 { + padding: 20px; + background: #f7f7f7; + margin: 0; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.panel.sidebar-menu h3 { + padding: 5px 0; + margin: 0; +} +.panel.sidebar-menu { + background: #fff; + margin: 0 0 20px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.panel.sidebar-menu .panel-heading { + text-transform: uppercase; + margin-bottom: 10px; + background: none; + padding: 0; + letter-spacing: 0.08em; + border-bottom: none; +} +.panel.sidebar-menu .panel-heading h1, +.panel.sidebar-menu .panel-heading h2, +.panel.sidebar-menu .panel-heading h3, +.panel.sidebar-menu .panel-heading h4, +.panel.sidebar-menu .panel-heading h5 { + display: inline-block; + border-bottom: solid 5px var(--primary-accent); + line-height: 1.1; + margin-bottom: 0; + padding-bottom: 10px; +} +.panel.sidebar-menu .panel-heading .btn.btn-danger { + color: #fff; + margin-top: 5px; +} +.panel.sidebar-menu .panel-body { + padding: 0; +} +.panel.sidebar-menu .panel-body span.colour { + display: inline-block; + width: 15px; + height: 15px; + border: solid 1px #555555; + vertical-align: top; + margin-top: 2px; + margin-left: 5px; +} +.panel.sidebar-menu .panel-body span.colour.white { + background: #fff; +} +.panel.sidebar-menu .panel-body span.colour.red { + background: red; +} +.panel.sidebar-menu .panel-body span.colour.green { + background: green; +} +.panel.sidebar-menu .panel-body span.colour.blue { + background: blue; +} +.panel.sidebar-menu .panel-body span.colour.yellow { + background: yellow; +} +.panel.sidebar-menu .panel-body label { + color: #999999; + font-size: 12px; +} +.panel.sidebar-menu .panel-body label:hover { + color: #555555; +} +.panel.sidebar-menu ul.nav.category-menu { + margin-bottom: 20px; + text-transform: uppercase; + font-weight: 700; + letter-spacing: 0.08em; +} +.panel.sidebar-menu ul.nav.category-menu li a { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.panel.sidebar-menu ul.nav ul { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.nav ul li { + display: block; +} +.panel.sidebar-menu ul.nav ul li a { + position: relative; + font-family: "Times New Roman", Times, serif; + font-weight: normal; + text-transform: none !important; + display: block; + padding: 10px 15px; + padding-left: 30px; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.nav ul li a:hover, +.panel.sidebar-menu ul.nav ul li a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.panel.sidebar-menu ul.tag-cloud { + list-style: none; + padding-left: 0; +} +.panel.sidebar-menu ul.tag-cloud li { + display: inline-block; +} +.panel.sidebar-menu ul.tag-cloud li a { + display: inline-block; + padding: 5px; + border: solid 1px #eeeeee; + border-radius: 0; + color: var(--primary-accent); + margin: 5px 5px 5px 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 700; + font-size: 12px; + text-decoration: none; +} +.panel.sidebar-menu ul.tag-cloud li a:hover { + color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a { + color: #FFFFFF; + background-color: var(--primary-accent); +} +.panel.sidebar-menu ul.tag-cloud li.active a:hover { + color: #FFFFFF; +} +.panel.sidebar-menu ul.popular, +.panel.sidebar-menu ul.recent { + list-style: none; + padding-left: 0; + padding: 20px 0; +} +.panel.sidebar-menu ul.popular li, +.panel.sidebar-menu ul.recent li { + margin-bottom: 10px; + padding: 5px 0; + border-bottom: dotted 1px #eeeeee; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li:before, +.panel.sidebar-menu ul.recent li:before, +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + content: " "; + display: table; +} +.panel.sidebar-menu ul.popular li:after, +.panel.sidebar-menu ul.recent li:after { + clear: both; +} +.panel.sidebar-menu ul.popular li img, +.panel.sidebar-menu ul.recent li img { + width: 50px; + margin-right: 10px; +} +.panel.sidebar-menu ul.popular li h5, +.panel.sidebar-menu ul.recent li h5 { + margin: 0 0 10px; +} +.panel.sidebar-menu ul.popular li h5 a, +.panel.sidebar-menu ul.recent li h5 a { + font-weight: normal; +} +.panel.sidebar-menu ul.popular li p.date, +.panel.sidebar-menu ul.recent li p.date { + float: right; + font-size: 12px; + color: #999999; +} +.panel.sidebar-menu ul.popular li:last-child, +.panel.sidebar-menu ul.recent li:last-child { + border-bottom: none; +} +.panel.sidebar-menu .text-widget { + font-size: 12px; +} +.panel.sidebar-menu.with-icons ul.nav li a:after { + font-family: 'FontAwesome'; + content: "\f105"; + position: relative; + top: 0; + float: right; +} +/* ribbons for product sales etc. */ +.ribbon { + position: absolute; + top: 50px; + padding-left: 51px; + font-weight: 700; + letter-spacing: 0.08em; +} +.ribbon .ribbon-background { + position: absolute; + top: 0; + right: 0; +} +.ribbon .theribbon { + position: relative; + width: 80px; + padding: 6px 20px 6px 20px; + margin: 30px 10px 10px -71px; + color: #fff; + background-color: var(--primary-accent); + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.ribbon .theribbon:before, +.ribbon .theribbon:after { + content: ' '; + position: absolute; + width: 0; + height: 0; +} +.ribbon .theribbon:after { + left: 0px; + top: 100%; + border-width: 5px 10px; + border-style: solid; + border-color: #000000 #000000 transparent transparent; +} +.ribbon.sale { + top: 0; +} +.ribbon.new { + top: 50px; +} +.ribbon.new .theribbon { + background-color: #5bc0de; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.new .theribbon:after { + border-color: #2390b0 #2390b0 transparent transparent; +} +.ribbon.gift { + top: 100px; +} +.ribbon.gift .theribbon { + background-color: #5cb85c; + text-shadow: 0px 1px 2px #bbb; +} +.ribbon.gift .theribbon:after { + border-color: #357935 #357935 transparent transparent; +} +.owl-carousel .owl-controls .owl-page.active span, +.owl-theme .owl-controls .owl-page.active span, +.owl-carousel .owl-controls.clickable .owl-page:hover span, +.owl-theme .owl-controls.clickable .owl-page:hover span { + background: var(--primary-accent); +} +.owl-carousel .owl-controls .owl-buttons, +.owl-theme .owl-controls .owl-buttons { + position: absolute; + top: 5px; + right: 0; +} +.owl-carousel .owl-controls .owl-buttons div, +.owl-theme .owl-controls .owl-buttons div { + width: 26px; + height: 26px; + line-height: 25px; + margin: 0 5px 0 0; + font-size: 18px; + color: var(--primary-accent); + padding: 0; + background: #fff; + border-radius: 13px; + vertical-align: middle; + text-align: center; + opacity: 1; + filter: alpha(opacity=100); +} +.home-carousel { + position: relative; + background: url('../img/photogrid.jpg') center center repeat; + background-size: cover; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.home-carousel .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: var(--primary-accent); + opacity: 0.9; + filter: alpha(opacity=90); +} +.home-carousel .owl-carousel { + padding-top: 60px; + padding-bottom: 20px; +} +.home-carousel .owl-theme .owl-controls .owl-page span { + background: #666; +} +.home-carousel .owl-theme .owl-controls .owl-page.active span { + background: #fff; +} +.home-carousel .owl-theme .owl-controls .owl-page:hover span { + background: #fff; +} +@media (max-width: 767px) { + .home-carousel { + text-align: center !important; + } +} +@media (min-width: 992px) { + .home-carousel .right { + text-align: right; + } +} +.home-carousel h1, +.home-carousel h2, +.home-carousel h3, +.home-carousel p, +.home-carousel ul { + color: #fff; +} +.home-carousel h1 { + font-weight: 700; + text-transform: uppercase; + font-size: 46px; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + .home-carousel h1 { + font-size: 36px; + } +} +.home-carousel h2 { + font-weight: 700; + text-transform: uppercase; + font-size: 40px; + letter-spacing: 0.08em; +} +.home-carousel ul, +.home-carousel p { + font-size: 18px; + font-weight: 700; + padding: 0; + text-transform: uppercase; + letter-spacing: 0.10em; +} +@media (max-width: 991px) { + .home-carousel ul, + .home-carousel p { + font-size: 14px; + } +} +.home-carousel ul li { + margin-bottom: 10px; +} +.customers { + padding: 0; + margin-bottom: 40px; +} +.customers .item { + list-style-type: none; + text-align: center; + margin: 0 20px; +} +.customers .item img { + display: inline-block; + filter: url("data:image/svg+xml;utf8,#grayscale"); + /* Firefox 10+, Firefox on Android */ + filter: gray; + /* IE6-9 */ + -webkit-filter: grayscale(100%); + /* Chrome 19+, Safari 6+, Safari 6+ iOS */ + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.customers .item img:hover { + max-width: auto; + filter: none; + -webkit-filter: none; +} +.testimonials { + padding: 0; + margin-bottom: 40px; +} +.testimonials .item { + list-style-type: none; + margin: 0 5px; + background: #fff; + padding-bottom: 60px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.testimonials .item .testimonial { + position: relative; + padding: 20px; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial:before, +.testimonials .item .testimonial:after { + content: " "; + display: table; +} +.testimonials .item .testimonial:after { + clear: both; +} +.testimonials .item .testimonial .text { + color: #999999; + margin-bottom: 40px; +} +.testimonials .item .testimonial .bottom { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px; + height: 50px; +} +.testimonials .item .testimonial .bottom .icon { + color: var(--primary-accent); + font-size: 30px; + float: left; + width: 20%; +} +.testimonials .item .testimonial .name-picture { + float: right; + width: 80%; + text-align: right; +} +.testimonials .item .testimonial .name-picture h5 { + font-size: 14px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.testimonials .item .testimonial .name-picture p { + color: #999999; + margin: 0; + font-size: 12px; +} +.testimonials .item .testimonial .name-picture img { + float: right; + width: 60px; + border-radius: 30px; + margin-left: 10px; +} +.team-member { + text-align: center; + margin-bottom: 40px; +} +.team-member h3 { + font-size: 18px; + text-transform: uppercase; + margin-bottom: 5px; + letter-spacing: 0.08em; +} +.team-member h3 a { + color: #555555; +} +.team-member p.role { + color: #999999; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 0.06em; +} +.team-member .social { + margin-bottom: 20px; +} +.team-member .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email { + background-color: #4a7f45; +} +.team-member .text p { + color: #999999; + font-size: 12px; +} +.team-member .social, +.team-member-detail .social { + margin-bottom: 20px; +} +.team-member .social a, +.team-member-detail .social a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +.team-member .social a i, +.team-member-detail .social a i { + vertical-align: bottom; + line-height: 26px; +} +.team-member .social a.facebook, +.team-member-detail .social a.facebook { + background-color: #4460ae; +} +.team-member .social a.gplus, +.team-member-detail .social a.gplus { + background-color: #c21f25; +} +.team-member .social a.twitter, +.team-member-detail .social a.twitter { + background-color: #3cf; +} +.team-member .social a.instagram, +.team-member-detail .social a.instagram { + background-color: #cd4378; +} +.team-member .social a.email, +.team-member-detail .social a.email { + background-color: #4a7f45; +} +.box-simple { + text-align: center; + margin-bottom: 40px; +} +.box-simple .icon { + color: var(--primary-accent); + border-color: var(--primary-accent); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +.box-simple h3 { + font-weight: normal; + font-size: 18px; + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-simple h3 a { + color: #555555; +} +.box-simple p { + color: #999999; +} +.box-simple:hover .icon { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.box-simple:hover .icon i { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.box-simple.box-white { + padding: 20px; + border: dotted 1px #999999; +} +.box-simple.box-white .icon { + color: #555555; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark { + padding: 20px; + border: dotted 1px #999999; + background: #555555; + color: #fff; +} +.box-simple.box-dark .icon { + color: #f7f7f7; + border-color: transparent; + font-size: 70px; +} +.box-simple.box-dark h3 { + color: #fff; +} +.box-simple.box-dark h3 a { + color: #fff; +} +.box-simple.box-dark p { + color: #fff; +} +.box-image { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +.box-image-text { + position: relative; + overflow: hidden; + text-align: center; + margin: 15px 0; +} +.box-image-text .top { + position: relative; + margin-bottom: 10px; +} +.box-image-text .top .bg { + position: absolute; + top: auto; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0; + filter: alpha(opacity=0); + background: var(--primary-accent); +} +.box-image-text .top .name { + position: absolute; + width: 100%; + height: 50%; + bottom: 0; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .top .name h3 { + color: #fff; + text-transform: uppercase; + font-size: 18px; + letter-spacing: 0.08em; +} +.box-image-text .top .name h3 a { + color: #fff; + text-decoration: none; +} +.box-image-text .top .text { + position: absolute; + width: 100%; + height: 50%; + top: 0; + -webkit-transform: translate(0, -150%); + -ms-transform: translate(0, -150%); + -o-transform: translate(0, -150%); + transform: translate(0, -150%); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + color: #fff; + padding: 0 20px; +} +.box-image-text .content h3, +.box-image-text .content h4 { + text-transform: uppercase; + line-height: 1.5; + color: #555555; + font-weight: 800; + letter-spacing: 0.08em; +} +.box-image-text .content p { + color: #999999; +} +.box-image-text:hover .bg { + opacity: 0.7; + filter: alpha(opacity=70); +} +.box-image-text:hover .name { + position: absolute; + -webkit-transform: translate(0, -75%); + -ms-transform: translate(0, -75%); + -o-transform: translate(0, -75%); + transform: translate(0, -75%); +} +.box-image-text:hover .text { + position: absolute; + -webkit-transform: translate(0, 100%); + -ms-transform: translate(0, 100%); + -o-transform: translate(0, 100%); + transform: translate(0, 100%); +} +/* universal box */ +.box { + background: #fff; + margin: 0 0 30px; + border: solid 1px #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 20px 0; + border-left: none; + border-right: none; +} +.box .box-header { + background: #f7f7f7; + margin: -20px 0 20px; + padding: 20px; + border-bottom: solid 1px #eeeeee; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-header:before, +.box .box-header:after { + content: " "; + display: table; +} +.box .box-header:after { + clear: both; +} +.box .box-footer { + background: #f7f7f7; + margin: 30px 0 -20px; + padding: 20px; + border-top: solid 1px #eeeeee; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +.box .box-footer:before, +.box .box-footer:after { + content: " "; + display: table; +} +.box .box-footer:after { + clear: both; +} +@media (max-width: 991px) { + .box .box-footer .btn { + margin-bottom: 20px; + } +} +.box.no-border { + border: none; +} +#heading-breadcrumbs { + background: url('../img/texture-violet.png') center center repeat; + padding: 20px 0; + margin-bottom: 40px; +} +#heading-breadcrumbs.no-mb { + margin-bottom: 0; +} +#heading-breadcrumbs h1 { + color: #333333; + text-transform: uppercase; + font-size: 30px; + font-weight: 700; + letter-spacing: 0.08em; +} +@media (max-width: 991px) { + #heading-breadcrumbs h1 { + text-align: center; + } +} +#heading-breadcrumbs ul.breadcrumb { + margin-top: 5px; + margin-bottom: 0; +} +.bar { + position: relative; + background: var(--primary-accent); + padding: 60px 0; +} +.bar.background-pentagon { + background: url('../img/texture-violet.png') center center repeat; + border-top: solid 1px #999999; + border-bottom: solid 1px #999999; +} +.bar.background-gray { + background: #eeeeee; +} +.bar.background-gray-dark { + background: #555555; +} +.bar.background-white { + background: #fff; +} +.bar.background-image-fixed-1 { + background: url('../img/fixed-background-1.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.background-image-fixed-2 { + background: url('../img/fixed-background-2.jpg') center top no-repeat; + background-attachment: fixed; + background-size: cover; +} +.bar.color-white h1, +.bar.color-white h2, +.bar.color-white h3, +.bar.color-white h4, +.bar.color-white h5, +.bar.color-white h6, +.bar.color-white p { + color: #fff; +} +.bar.padding-big { + padding: 50px 0; +} +.bar.padding-horizontal { + padding-left: 30px; + padding-right: 30px; +} +.bar.margin-vertical { + margin-top: 20px; + margin-bottom: 20px; +} +.bar .dark-mask { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} +.portfolio.no-space { + padding: 0 15px; +} +.portfolio.no-space .box-image { + margin: 0 -15px; +} +.portfolio-project .project-more h4 { + color: #555555; + text-transform: uppercase; + margin-bottom: 0; + text-align: left; + font-size: 14px; + letter-spacing: 0.08em; +} +.portfolio-project .project-more p { + color: #999999; + padding: 10px 0; + margin-bottom: 20px; + text-align: left; +} +.portfolio-showcase { + margin: 15px 0 60px; +} +.portfolio-showcase h3 a { + text-transform: uppercase; + line-height: 1.5; + letter-spacing: 0.08em; +} +.portfolio-showcase p.lead { + color: #555555; + margin-bottom: 20px; +} +.portfolio-showcase p { + color: #999999; +} +.portfolio-showcase p.buttons { + margin-top: 40px; +} +.see-more { + text-align: center; + margin-top: 20px; + padding-top: 20px; +} +.see-more p { + font-size: 28px; + font-weight: 100; + margin-bottom: 20px; +} +.showcase .item { + text-align: center; +} +.showcase .item .icon { + display: inline-block; + width: 50px; + height: 50px; + color: #555555; + line-height: 50px; + border-radius: 25px; + border: solid 1px #555555; +} +.showcase .item h4 { + color: #555555; + text-transform: uppercase; + letter-spacing: 0.08em; + line-height: 1.5; + font-size: 16px; +} +.showcase .item h4 span { + font-weight: bold; + font-size: 51px; +} +.packages .package { + background: #fff; + margin-top: 25px; + margin-bottom: 20px; + padding-bottom: 15px; + text-align: center; + border: solid 1px var(--primary-accent); + overflow: hidden; +} +.packages .package .package-header { + height: 57px; + color: #fff; + line-height: 57px; + background: var(--primary-accent); +} +.packages .package .package-header h5 { + color: #fff; + text-transform: uppercase; + font-weight: bold; + line-height: 57px; + margin: 0; + letter-spacing: 0.08em; +} +.packages .package .package-header.light-gray { + background: #eeeeee; +} +.packages .package .package-header.light-gray h5 { + color: #555555; +} +.packages .package .price { + line-height: 120px; + height: 100px; + color: #fff; + font-weight: 400; +} +.packages .package .price h4 { + display: inline; + font-size: 50px; + line-height: normal; + margin-bottom: 0; +} +.packages .package .price .period { + line-height: normal; + color: #999999; +} +.packages .package ul { + padding: 0; +} +.packages .package ul li { + list-style-type: none; + padding-top: 10px; + padding-bottom: 10px; + width: 80%; + margin: auto; + border-bottom: 1px dotted #ccc; +} +.packages .package ul li:last-child { + border-bottom: 0; +} +.packages .package ul li i { + font-size: 13px; + margin-right: 5px; +} +.packages .best-value .package { + margin-top: 0; + padding-bottom: 40px; +} +.packages .best-value .package .package-header { + height: 72px; + padding-top: 17px; + height: 82px !important; +} +.packages .best-value .package .package-header h5 { + font-weight: bold; + line-height: 29px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.packages .best-value .package .package-header .meta-text { + font-size: 13px; + line-height: 15px; +} +#map { + height: 300px; +} +#map.with-border { + border-top: solid 1px var(--primary-accent); + border-bottom: solid 1px var(--primary-accent); +} +#blog-listing-big .post, +#blog-homepage .post { + margin-bottom: 60px; +} +#blog-listing-big .post h2, +#blog-homepage .post h2, +#blog-listing-big .post h4, +#blog-homepage .post h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#blog-listing-big .post h2 a, +#blog-homepage .post h2 a, +#blog-listing-big .post h4 a, +#blog-homepage .post h4 a { + color: #555555; +} +#blog-listing-big .post h2 a:hover, +#blog-homepage .post h2 a:hover, +#blog-listing-big .post h4 a:hover, +#blog-homepage .post h4 a:hover { + color: var(--primary-accent); +} +#blog-listing-big .post .author-category, +#blog-homepage .post .author-category { + color: #999999; + text-transform: uppercase; + font-weight: 300; + letter-spacing: 0.08em; +} +#blog-listing-big .post .author-category a, +#blog-homepage .post .author-category a { + font-weight: 500; +} +#blog-listing-big .post .date-comments a, +#blog-homepage .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-big .post .date-comments a:hover, +#blog-homepage .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-big .post .date-comments, + #blog-homepage .post .date-comments { + text-align: right; + } +} +#blog-listing-big .post .intro, +#blog-homepage .post .intro { + text-align: left; +} +#blog-listing-big .post .image, +#blog-homepage .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-big .post .image img, +#blog-homepage .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-big .post .image img.img-responsive, + #blog-homepage .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-big .post .video, +#blog-homepage .post .video { + margin-bottom: 10px; +} +#blog-listing-big .post .read-more, +#blog-homepage .post .read-more { + text-align: right; +} +#blog-listing-medium .post { + margin-bottom: 60px; +} +#blog-listing-medium .post h2 { + text-transform: uppercase; + margin: 0 0 10px; + font-size: 24px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post h2 a { + color: #555555; +} +#blog-listing-medium .post h2 a:hover { + color: var(--primary-accent); +} +#blog-listing-medium .post .author-category { + float: left; + color: #999999; + text-transform: uppercase; + font-weight: 300; + font-size: 12px; + letter-spacing: 0.08em; +} +#blog-listing-medium .post .author-category a { + font-weight: 500; +} +#blog-listing-medium .post .date-comments { + float: right; + font-size: 12px; +} +#blog-listing-medium .post .date-comments a { + color: #999999; + margin-right: 20px; +} +#blog-listing-medium .post .date-comments a:hover { + color: var(--primary-accent); +} +@media (min-width: 768px) { + #blog-listing-medium .post .date-comments { + text-align: right; + } +} +#blog-listing-medium .post .intro { + text-align: left; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .clearfix:before, +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:before, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:before, +#blog-listing-medium .post .navbar-header:after { + content: " "; + display: table; +} +#blog-listing-medium .post .clearfix:after, +#blog-listing-medium .post .navbar:after, +#blog-listing-medium .post .navbar-header:after { + clear: both; +} +#blog-listing-medium .post .image { + margin-bottom: 10px; + overflow: hidden; +} +#blog-listing-medium .post .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + #blog-listing-medium .post .image img.img-responsive { + min-width: 100%; + } +} +#blog-listing-medium .post .video { + margin-bottom: 10px; +} +#blog-listing-medium .post .read-more { + text-align: right; +} +.box-image-text.blog .author-category { + color: #999999; + text-transform: uppercase; + letter-spacing: 0.08em; + font-weight: 300; + font-size: 12px; +} +.box-image-text.blog .author-category a { + font-weight: 500; +} +.box-image-text.blog .intro { + text-align: left; + margin-bottom: 20px; +} +#blog-homepage .post { + margin-bottom: 30px; +} +#blog-homepage .post h2, +#blog-homepage .post h4, +#blog-homepage .post .author-category, +#blog-homepage .post .read-more { + text-align: center; +} +#blog-homepage .post .read-more { + margin-top: 20px; +} +#blog-post #post-content { + margin-bottom: 20px; +} +#blog-post #post-content img{ + max-width: 100%; + height: auto; + display: block; + margin: auto; +} +#blog-post .comment { + margin-bottom: 25px; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment:before, +#blog-post .comment:after { + content: " "; + display: table; +} +#blog-post .comment:after { + clear: both; +} +#blog-post .comment .posted { + color: #999999; + font-size: 12px; +} +#blog-post .comment .reply { + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#blog-post .comment.last { + margin-bottom: 0; +} +#blog-post #comments, +#blog-post #comment-form { + padding: 20px 0; + margin-top: 20px; + border-top: solid 1px #eeeeee; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments:before, +#blog-post #comment-form:before, +#blog-post #comments:after, +#blog-post #comment-form:after { + content: " "; + display: table; +} +#blog-post #comments:after, +#blog-post #comment-form:after { + clear: both; +} +#blog-post #comments h4, +#blog-post #comment-form h4 { + margin-bottom: 20px; +} +#blog-post #comment-form { + margin-bottom: 20px; +} +.product { + background: #fff; + border-bottom: solid 1px #e6e6e6; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 60px; + overflow: hidden; + text-align: center; +} +.product .image { + overflow: hidden; +} +.product .image img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +@media (max-width: 767px) { + .product .image img.img-responsive { + min-width: 100%; + } +} +.product .text { + padding: 10px; +} +.product .text h3 { + font-size: 14px; + font-weight: 700; + height: 39.6px; + text-transform: uppercase; + letter-spacing: 0.08em; +} +.product .text h3 a { + color: #555555; +} +.product .text h3 a:hover { + text-decoration: none; +} +.product .text p.price { + font-size: 18px; +} +.product .text p.price del { + color: #999999; +} +.product .buttons { + clear: both; + position: absolute; + display: none; + bottom: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + border: solid 1px transparent; + padding: 20px; + background: rgba(255, 255, 255, 0.9); + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + text-align: center; +} +.product .buttons .btn { + margin-bottom: 20px; +} +.product:hover { + border-bottom: solid 1px #808080; + top: 0; +} +.product:hover .buttons { + clear: both; + position: absolute; + top: 0; + background: rgba(255, 255, 255, 0.5); +} +.product:hover .image img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +.goToDescription { + font-size: 12px; + text-align: center; + margin-bottom: 40px; +} +.goToDescription a { + color: #999999; + text-decoration: underline; +} +#productMain { + margin-bottom: 30px; +} +#productMain .sizes { + text-align: center; +} +#productMain .sizes h3 { + font-weight: 700; + letter-spacing: 0.08em; + text-transform: uppercase; + margin-bottom: 40px; +} +#productMain .sizes a { + display: inline-block; + width: 40px; + height: 40px; + border-radius: 40px; + background: #ccc; + line-height: 40px; + color: #555555; + text-align: center; + text-decoration: none; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +#productMain .sizes a.active, +#productMain .sizes a:hover { + background: var(--primary-accent); + color: #fff; +} +#productMain .sizes input { + display: none; +} +#productMain .price { + font-size: 40px; + text-align: center; + margin-top: 40px; + margin-bottom: 40px; +} +#thumbs a { + display: block; + border: solid 1px transparent; +} +#thumbs a.active { + border-color: var(--primary-accent); +} +#product-social { + text-align: center; +} +#product-social h4 { + font-weight: 300; + margin-bottom: 10px; +} +#product-social p { + line-height: 26px; +} +#product-social p a { + margin: 0 10px 0 0; + color: #fff; + display: inline-block; + width: 26px; + height: 26px; + border-radius: 13px; + line-height: 26px; + font-size: 15px; + text-align: center; + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; + vertical-align: bottom; +} +#product-social p a i { + vertical-align: bottom; + line-height: 26px; +} +#product-social p a.facebook { + background-color: #4460ae; +} +#product-social p a.gplus { + background-color: #c21f25; +} +#product-social p a.twitter { + background-color: #3cf; +} +#product-social p a.instagram { + background-color: #cd4378; +} +#product-social p a.email { + background-color: #4a7f45; +} +@media (max-width: 991px) { + #product-social { + text-align: center; + } +} +#checkout .nav { + margin-bottom: 20px; + border-bottom: solid 1px var(--primary-accent); +} +#checkout .nav li { + height: 100%; +} +#checkout .nav li a { + display: block; + height: 100%; +} +#order-summary table { + margin-top: 20px; +} +#order-summary table td { + color: #999999; +} +#order-summary table tr.total td, +#order-summary table tr.total th { + font-size: 18px; + color: #555555; + font-weight: 700; +} +#checkout .table tbody tr td, +#basket .table tbody tr td, +#customer-order .table tbody tr td { + vertical-align: middle; +} +#checkout .table tbody tr td input, +#basket .table tbody tr td input, +#customer-order .table tbody tr td input { + width: 50px; + text-align: right; +} +#checkout .table tbody tr td img, +#basket .table tbody tr td img, +#customer-order .table tbody tr td img { + width: 50px; +} +#checkout .table tfoot, +#basket .table tfoot, +#customer-order .table tfoot { + font-size: 18px; +} +.shipping-method h4, +.payment-method h4 { + text-transform: uppercase; + letter-spacing: 0.08em; +} +#customer-orders table tr th, +#customer-orders table tr td { + vertical-align: baseline; +} +#customer-order .table tfoot th { + font-size: 18px; + font-weight: 300; +} +#customer-order .addresses { + text-align: right; + margin-bottom: 30px; +} +#customer-order .addresses p { + font-size: 18px; + font-weight: 300; +} +#customer-account { + margin-bottom: 30px; +} +#get-it { + background: var(--primary-accent); + padding: 50px 0 30px; + color: #fff; + text-align: center; +} +#get-it h1, +#get-it h2, +#get-it h3, +#get-it h4, +#get-it h5, +#get-it h6 { + color: #fff; + text-transform: uppercase; + letter-spacing: 0.08em; + margin: 0 0 20px; +} +#get-it p { + margin: 0 0 20px; +} +#footer { + background: #555555; + padding: 50px 0; + color: #999999; +} +#footer h1, +#footer h2, +#footer h3, +#footer h4, +#footer h5, +#footer h6 { + color: #eeeeee; +} +#footer h4 { + font-size: 14px; + font-weight: 800; + text-transform: uppercase; + letter-spacing: 0.08em; +} +#footer ul { + padding-left: 0; + list-style: none; +} +#footer ul a { + color: #999999; +} +#footer ul a:hover { + color: var(--primary-accent); + text-decoration: none; +} +#footer .photostream div { + float: left; + display: block; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 33%; + padding: 7.5px; + overflow: hidden; +} +#footer .photostream div a { + border: solid 1 px #eeeeee; +} +#footer .photostream div img { + -webkit-transition: all 0.2s ease-out; + -moz-transition: all 0.2s ease-out; + transition: all 0.2s ease-out; +} +#footer .photostream div:hover img { + -webkit-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); +} +#footer .blog-entries .item { + clear: both; + padding: 5px 0; + margin-bottom: 10px; + border-bottom: solid 1px #555555; +} +#footer .blog-entries .item .image { + float: left; + width: 15%; + margin-right: 10px; +} +#footer .blog-entries .item .name { + width: 75%; + margin-left: 10px; + display: table-cell; + vertical-align: middle; +} +#footer .blog-entries .item .name h5 { + margin: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + font-size: 12px; +} +#footer .blog-entries .item .name h5 a { + color: #eeeeee; +} +#footer .blog-entries .item .text { + width: 100%; + clear: both; +} +#footer .blog-entries .item:last-child { + border-bottom: none; + margin-bottom: 0; +} +#footer .social a { + color: #555555; + font-size: 25px; + margin: 0 10px 0 0; +} +#footer .social a:hover { + color: var(--primary-accent); +} +#copyright { + background: #333; + color: #ccc; + padding: 50px 0; + font-size: 12px; + line-height: 28px; +} +#copyright p { + margin: 0; +} +@media (max-width: 991px) { + #copyright p { + float: none !important; + text-align: center; + margin-bottom: 10px; + } +} +[data-animate] { + opacity: 0; + filter: alpha(opacity=0); +} +#style-switch-button { + position: fixed; + top: 100px; + left: 0px; + border-radius: 0; +} +#style-switch { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 300px; + padding: 20px; + position: fixed; + top: 140px; + left: 0; + background: #fff; + border: solid 1px #eeeeee; +} +@media (max-width: 991px) { + #style-switch-button { + display: none; + } + #style-switch { + display: none; + } +} +/* Original Boostrap template overwrite */ +/* breadcrumbs */ +.breadcrumb { + font-family: "Roboto", Helvetica, Arial, sans-serif; + text-transform: uppercase; + background-color: none; + letter-spacing: 0.08em; +} +/* nav */ +.nav > li > a { + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: var(--primary-accent); +} +.nav-tabs { + border-bottom: 1px solid var(--primary-accent); +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee var(--primary-accent); +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; + border-bottom: solid 1px var(--primary-accent); +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + /*margin-bottom: 5px;*/ +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid var(--primary-accent); +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid var(--primary-accent); + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content { + padding: 15px; + border: solid 1px #ddd; + border-top: none; +} +/* navbar */ +.navbar { + position: relative; + min-height: 62px; + margin-bottom: 0; + border-bottom: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.navbar-fixed-top .navbar-collapse, +.navbar-affixed-top .navbar-collapse, +.navbar-fixed-bottom .navbar-collapse { + max-height: 340px; +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-top .navbar-collapse, + .navbar-affixed-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + max-height: 200px; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 10px 15px; + font-size: 18px; + line-height: 20px; + height: 62px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +.navbar-brand img { + max-height: 42px; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 14px; + margin-bottom: 14px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: 0; +} +.navbar-nav { + margin: 10.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 21px; + padding-bottom: 21px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 14px; + margin-bottom: 14px; +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-btn.btn-sm { + margin-top: 16px; + margin-bottom: 16px; +} +.navbar-btn.btn-xs { + margin-top: 20px; + margin-bottom: 20px; +} +.navbar-text { + margin-top: 21px; + margin-bottom: 21px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #ffffff; + border-color: #cccccc; + border-bottom: none; +} +.navbar-default .navbar-brand { + color: #555555; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #3b3b3b; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #555555; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #555555; + background-color: var(--navbar-focus); +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: var(--primary-accent); +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #cccccc; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: var(--primary-accent); + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #555555; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: var(--primary-accent); + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #555555; +} +.navbar-default .navbar-link:hover { + color: #555555; +} +.navbar-default .btn-link { + color: #555555; +} +.navbar-default .btn-link:hover, +.navbar-default .btn-link:focus { + color: #555555; +} +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:hover, +.navbar-default .btn-link[disabled]:focus, +fieldset[disabled] .navbar-default .btn-link:focus { + color: #cccccc; +} +/* scaffolding */ +body { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +a { + color: var(--primary-accent); + text-decoration: none; +} +a:hover, +a:focus { + color: var(--link-focus); + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.img-rounded { + border-radius: 0; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +/* breadcrumbs */ +.breadcrumb { + padding: 20px 0; + margin-bottom: 20px; + background-color: transparent; + border-radius: 0; + text-align: right; +} +.breadcrumb > li + li:before { + content: ">\00a0"; + color: #555555; +} +.breadcrumb > .active { + color: #999999; +} +@media (max-width: 991px) { + .breadcrumb { + padding: 20px 0; + text-align: center; + } +} +/* dropdowns */ +.dropdown-menu { + z-index: 1000; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + padding: 5px 20px; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +/* labels */ +.label { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 0.08em; +} +/* forms.less */ +label { + font-weight: normal; +} +.form-control { + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0; +} +.form-control:focus { + border-color: var(--primary-accent); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--form-shadow); +} +.form-group { + margin-bottom: 20px; +} +/* pager*/ +.pager { + margin: 20px 0; + border-top: solid 1px #eeeeee; + padding-top: 20px; + text-transform: uppercase; + letter-spacing: 0.08em; + font-family: "Roboto", Helvetica, Arial, sans-serif; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + background-color: #ffffff; + border: 1px solid var(--primary-accent); + border-radius: 0; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + color: #fff; + background-color: var(--primary-accent); +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + border-color: #ddd; +} +/* pagination */ +.pagination { + margin: 20px 0; + font-family: "Roboto", Helvetica, Arial, sans-serif; + border-radius: 0; +} +.pagination > li > a, +.pagination > li > span { + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: var(--primary-accent); + background-color: #ffffff; + border: 1px solid #dddddd; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: var(--primary-accent); + background-color: var(--pagination-bg); + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; +} +/* responsive utilities */ +@media (max-width: 767px) { + .text-center-xs { + text-align: center !important; + } + .text-center-xs img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .text-center-sm { + text-align: center !important; + } + .text-center-sm img { + display: block; + margin-left: auto; + margin-right: auto; + } +} +/* type */ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Roboto", Helvetica, Arial, sans-serif; + font-weight: 900; + line-height: 1.1; + color: #333333; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 20px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 18px; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +.text-small { + font-size: 12px; +} +.text-large { + font-size: 18px; +} +.text-italic { + font-style: italic; +} +.text-primary { + color: var(--primary-accent); +} +a.text-primary:hover { + color: var(--link-hover-bg); +} +.bg-primary { + color: #fff; + background-color: var(--primary-accent); +} +a.bg-primary:hover { + background-color: var(--link-hover-bg); +} +abbr[title], +abbr[data-original-title] { + border-bottom: 1px dotted #999999; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 14px; + border-left: 5px solid var(--primary-accent); +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + border-right: 5px solid var(--primary-accent); +} +address { + margin-bottom: 20px; + line-height: 1.42857143; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 0 0; + box-shadow: 0 0 0; +} +.panel-heading { + border-top-right-radius: 0; + border-top-left-radius: 0; + text-transform: uppercase; + letter-spacing: 0.08em; + padding: 15px 15px; +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group.accordion .panel { + border-color: #ccc; +} +.panel-primary { + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: var(--primary-accent); + border-color: var(--primary-accent); +} +.panel-primary > .panel-heading + .panel-collapse > .panel-body { + border-top-color: var(--primary-accent); +} +.panel-primary > .panel-heading .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.panel-primary > .panel-footer + .panel-collapse > .panel-body { + border-bottom-color: var(--primary-accent); +} +.panel-primary .panel-title { + font-weight: 300; +} +.panel-primary .panel-title a:hover { + color: #fff; + text-decoration: none; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: var(--primary-accent); + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.progress-bar-primary { + background-color: var(--primary-accent); +} +.progress-striped .progress-bar-primary { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +/*! + * Yamm!3 - Yet another megamenu for Bootstrap 3 + * http://geedmo.github.com/yamm3 + * + * @geedmo - Licensed under the MIT license + */ +.yamm .nav, +.yamm .collapse, +.yamm .dropup.use-yamm, +.yamm .dropdown.use-yamm { + position: static; +} +.yamm .container { + position: relative; +} +.yamm .dropdown-menu { + left: auto; +} +.yamm .nav.navbar-right .dropdown-menu { + left: auto; + right: 0; +} +.yamm .yamm-content { + padding: 20px 30px; +} +.yamm .dropdown.yamm-fw .dropdown-menu { + left: 15px; + right: 15px; +} diff --git a/public/faq/index.html b/public/faq/index.html new file mode 100644 index 0000000..acdb530 --- /dev/null +++ b/public/faq/index.html @@ -0,0 +1,519 @@ + + + + + + + + + +FAQ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

FAQ

+
+
+
+
+ + +
+ + +
+ +
+ +
+ +
+

Hai domande su Zancle E-Drive? Noi abbiamo le risposte.

+

1. Vorrei far parte del team. Quali sono i requisiti?

+

Per poter far parte del team è necessario:

+
    +
  • Essere iscritto ad un qualsiasi corso di laurea dell’Università degli studi di Messina
  • +
  • Buona conoscenza della lingua inglese
  • +
  • Voglia di lavorare in team
  • +
+

Se soddisfi tutti i requisiti compila il form per contattarci!

+

2. Posso partecipare anche se non ho alcuna esperienza?

+

Certo! La nostra mission è creare giovani figure professionali con skills tecniche e manageriali attente all’innovazione e alla sostenibilità.

+

3. Posso partecipare solo se sono uno studente di ingegneria?

+

Assolumante no! Progettare una monoposto non richiede solo conoscenze tecniche ma anche manageriali e gestionali, comunicazione e marketing. Dai un’occhiata agli eventi della competizione.

+

4. Cosa è la Formula SAE?

+

La Formula SAE è una competizione studentesca che coinvolge Università di tutto il mondo. Per saperne di più vai nella pagina dedicata alla competizione.

+

5. Vorrei sponsorizzare il team. Come posso fare?

+

All’interno della pagina “Support Us” trovi tutte le informazioni necessarie per sponsorizzarci!

+
+
+

Nel caso in cui non hai trovato la risposta per la tua domanda non esitare a contattarci.

+
+ +
+ +
+ +
+ + +
+ + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/formula-sae/index.html b/public/formula-sae/index.html new file mode 100644 index 0000000..4ff0f0f --- /dev/null +++ b/public/formula-sae/index.html @@ -0,0 +1,510 @@ + + + + + + + + + +Formula SAE + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

Formula SAE

+
+
+
+
+ + +
+ + +
+ +
+ +
+ +
+

La Formula SAE è una competizione studentesca che coinvolge i dipartimenti di ingegneria delle Università di tutto il mondo ed è organizzato da SAE International. Il concetto sul quale si basa è quello di creare una situazione in cui degli studenti universitari debbano sviluppare una monoposto in stile Formula che verrà valutata attraverso delle prove al fine di promuovere la sicurezza in pista e le skill di problem solving dei vari Team studenteschi partecipanti alla competizione.

+
+
+ +

LA COMPETIZIONE

+

La monoposto viene valutata attraverso delle prove suddivise in eventi Statici e Dinamici al termine dei quali verranno assegnati dei punteggi.

+

Eventi Statici

+

Gli eventi Statici prevedono tre diverse prove in cui si valutano le competenze in ambito economico, organizzazione, rispetto delle tempistiche, impegno ed economicità del progetto e sono:

+
    +
  • Business Plan Presentation (75 points)
  • +
  • Cost & Manufacturing Event (100 points)
  • +
  • Engineering Design Event (150 points)
  • +
+

Eventi Dinamici

+

Gli eventi Dinamici sono composti da quattro prove che valutano le performance della monoposto e dell’intelligenza artificiale e sono:

+
    +
  • Acceleration (100 points)
  • +
  • Skid Pad (100 points)
  • +
  • Autocross (150 points)
  • +
  • Trackdrive (275 points)
  • +
+
+ +
+ +
+ +
+ + +
+ + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/il-team-2022-2023/index.html b/public/il-team-2022-2023/index.html new file mode 100644 index 0000000..ec89d50 --- /dev/null +++ b/public/il-team-2022-2023/index.html @@ -0,0 +1,505 @@ + + + + + + + + + +IL TEAM 2022-2023 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + +
+
+
+
+

IL TEAM 2022-2023

+
+
+
+
+ + +
+ + +
+ +
+ +
+ +
+

Faculty Advisor

+

Francesco longo

+

Team Leader

+

Rizzo Simone

+

Area Commrciale

+

Responsabile

+

Area Elettronica

+

Responsabile

+

Ciccone Diego Enrico

+

Area Informatica

+

Responsabile

+

Gaetano Pispisa

+

…………..

+

Area Meccanica

+

Responsabile

+

Siracusa Angelo

+

……………………

+ +
+ +
+ +
+ + +
+ + + +
+ + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/img/1.png b/public/img/1.png new file mode 100644 index 0000000..b4e63b6 Binary files /dev/null and b/public/img/1.png differ diff --git a/public/img/2.png b/public/img/2.png new file mode 100644 index 0000000..da34b8a Binary files /dev/null and b/public/img/2.png differ diff --git a/public/img/2_1.png b/public/img/2_1.png new file mode 100644 index 0000000..cef1f3a Binary files /dev/null and b/public/img/2_1.png differ diff --git a/public/img/2_2.png b/public/img/2_2.png new file mode 100644 index 0000000..fcc78ff Binary files /dev/null and b/public/img/2_2.png differ diff --git a/public/img/2_3.png b/public/img/2_3.png new file mode 100644 index 0000000..dac99a3 Binary files /dev/null and b/public/img/2_3.png differ diff --git a/public/img/2_4.png b/public/img/2_4.png new file mode 100644 index 0000000..13c739c Binary files /dev/null and b/public/img/2_4.png differ diff --git a/public/img/3.png b/public/img/3.png new file mode 100644 index 0000000..8763da6 Binary files /dev/null and b/public/img/3.png differ diff --git a/public/img/3_1.jpg b/public/img/3_1.jpg new file mode 100644 index 0000000..bbb8029 Binary files /dev/null and b/public/img/3_1.jpg differ diff --git a/public/img/3_2.jpg b/public/img/3_2.jpg new file mode 100644 index 0000000..6980502 Binary files /dev/null and b/public/img/3_2.jpg differ diff --git a/public/img/3_3.jpg b/public/img/3_3.jpg new file mode 100644 index 0000000..05a795b Binary files /dev/null and b/public/img/3_3.jpg differ diff --git a/public/img/4.png b/public/img/4.png new file mode 100644 index 0000000..ca6961a Binary files /dev/null and b/public/img/4.png differ diff --git a/public/img/4_cover.png b/public/img/4_cover.png new file mode 100644 index 0000000..ccad5b1 Binary files /dev/null and b/public/img/4_cover.png differ diff --git a/public/img/apple-touch-icon.png b/public/img/apple-touch-icon.png new file mode 100644 index 0000000..cd57cf9 Binary files /dev/null and b/public/img/apple-touch-icon.png differ diff --git a/public/img/banner.jpg b/public/img/banner.jpg new file mode 100644 index 0000000..3bdfd19 Binary files /dev/null and b/public/img/banner.jpg differ diff --git a/public/img/banner2.jpg b/public/img/banner2.jpg new file mode 100644 index 0000000..09a370a Binary files /dev/null and b/public/img/banner2.jpg differ diff --git a/public/img/banners/banner-1.jpg b/public/img/banners/banner-1.jpg new file mode 100644 index 0000000..7f9a017 Binary files /dev/null and b/public/img/banners/banner-1.jpg differ diff --git a/public/img/banners/banner-2.jpg b/public/img/banners/banner-2.jpg new file mode 100644 index 0000000..2dbc994 Binary files /dev/null and b/public/img/banners/banner-2.jpg differ diff --git a/public/img/banners/banner-3.jpg b/public/img/banners/banner-3.jpg new file mode 100644 index 0000000..147fc43 Binary files /dev/null and b/public/img/banners/banner-3.jpg differ diff --git a/public/img/banners/banner-4.jpg b/public/img/banners/banner-4.jpg new file mode 100644 index 0000000..54677b5 Binary files /dev/null and b/public/img/banners/banner-4.jpg differ diff --git a/public/img/banners/banner-5.jpg b/public/img/banners/banner-5.jpg new file mode 100644 index 0000000..03ebd86 Binary files /dev/null and b/public/img/banners/banner-5.jpg differ diff --git a/public/img/basketsquare.jpg b/public/img/basketsquare.jpg new file mode 100644 index 0000000..5040f39 Binary files /dev/null and b/public/img/basketsquare.jpg differ diff --git a/public/img/blog-avatar.jpg b/public/img/blog-avatar.jpg new file mode 100644 index 0000000..5a43f60 Binary files /dev/null and b/public/img/blog-avatar.jpg differ diff --git a/public/img/blog-avatar2.jpg b/public/img/blog-avatar2.jpg new file mode 100644 index 0000000..4319e8a Binary files /dev/null and b/public/img/blog-avatar2.jpg differ diff --git a/public/img/blog-medium.jpg b/public/img/blog-medium.jpg new file mode 100644 index 0000000..3736e1d Binary files /dev/null and b/public/img/blog-medium.jpg differ diff --git a/public/img/blog-recent-2.jpg b/public/img/blog-recent-2.jpg new file mode 100644 index 0000000..f3a3d19 Binary files /dev/null and b/public/img/blog-recent-2.jpg differ diff --git a/public/img/blog-recent-3.jpg b/public/img/blog-recent-3.jpg new file mode 100644 index 0000000..ad35c12 Binary files /dev/null and b/public/img/blog-recent-3.jpg differ diff --git a/public/img/blog-recent.jpg b/public/img/blog-recent.jpg new file mode 100644 index 0000000..fd7aae6 Binary files /dev/null and b/public/img/blog-recent.jpg differ diff --git a/public/img/blog.jpg b/public/img/blog.jpg new file mode 100644 index 0000000..541c867 Binary files /dev/null and b/public/img/blog.jpg differ diff --git a/public/img/blog2.jpg b/public/img/blog2.jpg new file mode 100644 index 0000000..3910ba7 Binary files /dev/null and b/public/img/blog2.jpg differ diff --git a/public/img/carousel/template-easy-code.png b/public/img/carousel/template-easy-code.png new file mode 100644 index 0000000..a9b573a Binary files /dev/null and b/public/img/carousel/template-easy-code.png differ diff --git a/public/img/carousel/template-easy-customize-less.png b/public/img/carousel/template-easy-customize-less.png new file mode 100644 index 0000000..c600c36 Binary files /dev/null and b/public/img/carousel/template-easy-customize-less.png differ diff --git a/public/img/carousel/template-easy-customize.png b/public/img/carousel/template-easy-customize.png new file mode 100644 index 0000000..6080be0 Binary files /dev/null and b/public/img/carousel/template-easy-customize.png differ diff --git a/public/img/carousel/template-homepage.png b/public/img/carousel/template-homepage.png new file mode 100644 index 0000000..6541b60 Binary files /dev/null and b/public/img/carousel/template-homepage.png differ diff --git a/public/img/carousel/template-mac.png b/public/img/carousel/template-mac.png new file mode 100644 index 0000000..17887c4 Binary files /dev/null and b/public/img/carousel/template-mac.png differ diff --git a/public/img/carousel/template-tablets-2.png b/public/img/carousel/template-tablets-2.png new file mode 100644 index 0000000..9aac3c6 Binary files /dev/null and b/public/img/carousel/template-tablets-2.png differ diff --git a/public/img/carousel/template-tablets.png b/public/img/carousel/template-tablets.png new file mode 100644 index 0000000..c9b8fba Binary files /dev/null and b/public/img/carousel/template-tablets.png differ diff --git a/public/img/clients/ansys_logo.png b/public/img/clients/ansys_logo.png new file mode 100644 index 0000000..37a062e Binary files /dev/null and b/public/img/clients/ansys_logo.png differ diff --git a/public/img/clients/customer-1.png b/public/img/clients/customer-1.png new file mode 100644 index 0000000..131bef2 Binary files /dev/null and b/public/img/clients/customer-1.png differ diff --git a/public/img/clients/customer-2.png b/public/img/clients/customer-2.png new file mode 100644 index 0000000..aefb5b0 Binary files /dev/null and b/public/img/clients/customer-2.png differ diff --git a/public/img/clients/customer-3.png b/public/img/clients/customer-3.png new file mode 100644 index 0000000..69cd03e Binary files /dev/null and b/public/img/clients/customer-3.png differ diff --git a/public/img/clients/customer-4.png b/public/img/clients/customer-4.png new file mode 100644 index 0000000..c906944 Binary files /dev/null and b/public/img/clients/customer-4.png differ diff --git a/public/img/clients/customer-5.png b/public/img/clients/customer-5.png new file mode 100644 index 0000000..bdd6625 Binary files /dev/null and b/public/img/clients/customer-5.png differ diff --git a/public/img/clients/customer-6.png b/public/img/clients/customer-6.png new file mode 100644 index 0000000..b9b6797 Binary files /dev/null and b/public/img/clients/customer-6.png differ diff --git a/public/img/clients/dip_ingegneria_logo.png b/public/img/clients/dip_ingegneria_logo.png new file mode 100644 index 0000000..056e405 Binary files /dev/null and b/public/img/clients/dip_ingegneria_logo.png differ diff --git a/public/img/clients/hexagon_logo.png b/public/img/clients/hexagon_logo.png new file mode 100644 index 0000000..fde5be2 Binary files /dev/null and b/public/img/clients/hexagon_logo.png differ diff --git a/public/img/clients/msc_software_logo.png b/public/img/clients/msc_software_logo.png new file mode 100644 index 0000000..1ce5d10 Binary files /dev/null and b/public/img/clients/msc_software_logo.png differ diff --git a/public/img/clients/nvidia_logo.png b/public/img/clients/nvidia_logo.png new file mode 100644 index 0000000..7876cc3 Binary files /dev/null and b/public/img/clients/nvidia_logo.png differ diff --git a/public/img/clients/siemens_logo.png b/public/img/clients/siemens_logo.png new file mode 100644 index 0000000..c39596c Binary files /dev/null and b/public/img/clients/siemens_logo.png differ diff --git a/public/img/clients/sm_logo.png b/public/img/clients/sm_logo.png new file mode 100644 index 0000000..0bbecc4 Binary files /dev/null and b/public/img/clients/sm_logo.png differ diff --git a/public/img/clients/smartme_logo.png b/public/img/clients/smartme_logo.png new file mode 100644 index 0000000..d40569c Binary files /dev/null and b/public/img/clients/smartme_logo.png differ diff --git a/public/img/clients/vi_grade_logo.png b/public/img/clients/vi_grade_logo.png new file mode 100644 index 0000000..3a63c1b Binary files /dev/null and b/public/img/clients/vi_grade_logo.png differ diff --git a/public/img/detailbig1.jpg b/public/img/detailbig1.jpg new file mode 100644 index 0000000..b52370c Binary files /dev/null and b/public/img/detailbig1.jpg differ diff --git a/public/img/detailbig2.jpg b/public/img/detailbig2.jpg new file mode 100644 index 0000000..c519e8b Binary files /dev/null and b/public/img/detailbig2.jpg differ diff --git a/public/img/detailbig3.jpg b/public/img/detailbig3.jpg new file mode 100644 index 0000000..2ea5871 Binary files /dev/null and b/public/img/detailbig3.jpg differ diff --git a/public/img/detailsquare.jpg b/public/img/detailsquare.jpg new file mode 100644 index 0000000..b2b3a45 Binary files /dev/null and b/public/img/detailsquare.jpg differ diff --git a/public/img/detailsquare2.jpg b/public/img/detailsquare2.jpg new file mode 100644 index 0000000..d061be1 Binary files /dev/null and b/public/img/detailsquare2.jpg differ diff --git a/public/img/detailsquare3.jpg b/public/img/detailsquare3.jpg new file mode 100644 index 0000000..8f46a39 Binary files /dev/null and b/public/img/detailsquare3.jpg differ diff --git a/public/img/dsc_0630.JPG b/public/img/dsc_0630.JPG new file mode 100644 index 0000000..38ea318 Binary files /dev/null and b/public/img/dsc_0630.JPG differ diff --git a/public/img/favicon.ico b/public/img/favicon.ico new file mode 100644 index 0000000..cd57cf9 Binary files /dev/null and b/public/img/favicon.ico differ diff --git a/public/img/favicon.png b/public/img/favicon.png new file mode 100644 index 0000000..825c187 Binary files /dev/null and b/public/img/favicon.png differ diff --git a/public/img/fixed-background-1.jpg b/public/img/fixed-background-1.jpg new file mode 100644 index 0000000..51a018d Binary files /dev/null and b/public/img/fixed-background-1.jpg differ diff --git a/public/img/fixed-background-2.jpg b/public/img/fixed-background-2.jpg new file mode 100644 index 0000000..88b6e7b Binary files /dev/null and b/public/img/fixed-background-2.jpg differ diff --git a/public/img/formulasae-italy2019.jpg b/public/img/formulasae-italy2019.jpg new file mode 100644 index 0000000..f2f2797 Binary files /dev/null and b/public/img/formulasae-italy2019.jpg differ diff --git a/public/img/grabbing.png b/public/img/grabbing.png new file mode 100644 index 0000000..252f81b Binary files /dev/null and b/public/img/grabbing.png differ diff --git a/public/img/home-try.jpg b/public/img/home-try.jpg new file mode 100644 index 0000000..df7666f Binary files /dev/null and b/public/img/home-try.jpg differ diff --git a/public/img/home.jpg b/public/img/home.jpg new file mode 100644 index 0000000..e236a42 Binary files /dev/null and b/public/img/home.jpg differ diff --git a/public/img/homepage-slider.jpg b/public/img/homepage-slider.jpg new file mode 100644 index 0000000..696a47f Binary files /dev/null and b/public/img/homepage-slider.jpg differ diff --git a/public/img/img_20221006_102425_618.jpg b/public/img/img_20221006_102425_618.jpg new file mode 100644 index 0000000..9b2d93d Binary files /dev/null and b/public/img/img_20221006_102425_618.jpg differ diff --git a/public/img/logo-small.png b/public/img/logo-small.png new file mode 100644 index 0000000..a9fde3b Binary files /dev/null and b/public/img/logo-small.png differ diff --git a/public/img/logo.png b/public/img/logo.png new file mode 100644 index 0000000..75508b8 Binary files /dev/null and b/public/img/logo.png differ diff --git a/public/img/logo.svg b/public/img/logo.svg new file mode 100644 index 0000000..88827a1 --- /dev/null +++ b/public/img/logo.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/img/logoslide1.png b/public/img/logoslide1.png new file mode 100644 index 0000000..1dfa1bd Binary files /dev/null and b/public/img/logoslide1.png differ diff --git a/public/img/logoslide2.png b/public/img/logoslide2.png new file mode 100644 index 0000000..f1daee0 Binary files /dev/null and b/public/img/logoslide2.png differ diff --git a/public/img/main-slider1.jpg b/public/img/main-slider1.jpg new file mode 100644 index 0000000..192dc38 Binary files /dev/null and b/public/img/main-slider1.jpg differ diff --git a/public/img/main-slider2.jpg b/public/img/main-slider2.jpg new file mode 100644 index 0000000..7b96f50 Binary files /dev/null and b/public/img/main-slider2.jpg differ diff --git a/public/img/main-slider3.jpg b/public/img/main-slider3.jpg new file mode 100644 index 0000000..4e91db7 Binary files /dev/null and b/public/img/main-slider3.jpg differ diff --git a/public/img/main-slider4.jpg b/public/img/main-slider4.jpg new file mode 100644 index 0000000..b211a15 Binary files /dev/null and b/public/img/main-slider4.jpg differ diff --git a/public/img/marker.png b/public/img/marker.png new file mode 100644 index 0000000..29cba88 Binary files /dev/null and b/public/img/marker.png differ diff --git a/public/img/men.jpg b/public/img/men.jpg new file mode 100644 index 0000000..94b117c Binary files /dev/null and b/public/img/men.jpg differ diff --git a/public/img/page-1.jpg b/public/img/page-1.jpg new file mode 100644 index 0000000..301ab7c Binary files /dev/null and b/public/img/page-1.jpg differ diff --git a/public/img/page-2.jpg b/public/img/page-2.jpg new file mode 100644 index 0000000..a054be2 Binary files /dev/null and b/public/img/page-2.jpg differ diff --git a/public/img/page-3.jpg b/public/img/page-3.jpg new file mode 100644 index 0000000..e3323b4 Binary files /dev/null and b/public/img/page-3.jpg differ diff --git a/public/img/payment.png b/public/img/payment.png new file mode 100644 index 0000000..3e24158 Binary files /dev/null and b/public/img/payment.png differ diff --git a/public/img/photogrid.jpg b/public/img/photogrid.jpg new file mode 100644 index 0000000..691b591 Binary files /dev/null and b/public/img/photogrid.jpg differ diff --git a/public/img/photogrid2.jpg b/public/img/photogrid2.jpg new file mode 100644 index 0000000..137e111 Binary files /dev/null and b/public/img/photogrid2.jpg differ diff --git a/public/img/placeholder.png b/public/img/placeholder.png new file mode 100644 index 0000000..83228e5 Binary files /dev/null and b/public/img/placeholder.png differ diff --git a/public/img/portfolio-1.jpg b/public/img/portfolio-1.jpg new file mode 100644 index 0000000..7f9a017 Binary files /dev/null and b/public/img/portfolio-1.jpg differ diff --git a/public/img/portfolio-2.jpg b/public/img/portfolio-2.jpg new file mode 100644 index 0000000..54edd87 Binary files /dev/null and b/public/img/portfolio-2.jpg differ diff --git a/public/img/portfolio-3.jpg b/public/img/portfolio-3.jpg new file mode 100644 index 0000000..58f666e Binary files /dev/null and b/public/img/portfolio-3.jpg differ diff --git a/public/img/portfolio-4.jpg b/public/img/portfolio-4.jpg new file mode 100644 index 0000000..2dbc994 Binary files /dev/null and b/public/img/portfolio-4.jpg differ diff --git a/public/img/portfolio-5.jpg b/public/img/portfolio-5.jpg new file mode 100644 index 0000000..147fc43 Binary files /dev/null and b/public/img/portfolio-5.jpg differ diff --git a/public/img/portfolio-6.jpg b/public/img/portfolio-6.jpg new file mode 100644 index 0000000..54677b5 Binary files /dev/null and b/public/img/portfolio-6.jpg differ diff --git a/public/img/portfolio-7.jpg b/public/img/portfolio-7.jpg new file mode 100644 index 0000000..e7c1c6f Binary files /dev/null and b/public/img/portfolio-7.jpg differ diff --git a/public/img/portfolio-8.jpg b/public/img/portfolio-8.jpg new file mode 100644 index 0000000..9ec275d Binary files /dev/null and b/public/img/portfolio-8.jpg differ diff --git a/public/img/portfolio-9.jpg b/public/img/portfolio-9.jpg new file mode 100644 index 0000000..03ebd86 Binary files /dev/null and b/public/img/portfolio-9.jpg differ diff --git a/public/img/product1.jpg b/public/img/product1.jpg new file mode 100644 index 0000000..0fd5db7 Binary files /dev/null and b/public/img/product1.jpg differ diff --git a/public/img/product2.jpg b/public/img/product2.jpg new file mode 100644 index 0000000..0a47585 Binary files /dev/null and b/public/img/product2.jpg differ diff --git a/public/img/product3.jpg b/public/img/product3.jpg new file mode 100644 index 0000000..c3d22f3 Binary files /dev/null and b/public/img/product3.jpg differ diff --git a/public/img/product4.jpg b/public/img/product4.jpg new file mode 100644 index 0000000..09b15fb Binary files /dev/null and b/public/img/product4.jpg differ diff --git a/public/img/sae1.png b/public/img/sae1.png new file mode 100644 index 0000000..6da48ec Binary files /dev/null and b/public/img/sae1.png differ diff --git a/public/img/sae2.png b/public/img/sae2.png new file mode 100644 index 0000000..f3efe75 Binary files /dev/null and b/public/img/sae2.png differ diff --git a/public/img/sae3.png b/public/img/sae3.png new file mode 100644 index 0000000..fd9f56b Binary files /dev/null and b/public/img/sae3.png differ diff --git a/public/img/sae4.png b/public/img/sae4.png new file mode 100644 index 0000000..b8eda05 Binary files /dev/null and b/public/img/sae4.png differ diff --git a/public/img/sae5.png b/public/img/sae5.png new file mode 100644 index 0000000..5433410 Binary files /dev/null and b/public/img/sae5.png differ diff --git a/public/img/sae6.png b/public/img/sae6.png new file mode 100644 index 0000000..93325c3 Binary files /dev/null and b/public/img/sae6.png differ diff --git a/public/img/sharing-default.png b/public/img/sharing-default.png new file mode 100644 index 0000000..5180bbb Binary files /dev/null and b/public/img/sharing-default.png differ diff --git a/public/img/slide1.jpg b/public/img/slide1.jpg new file mode 100644 index 0000000..cbb30ee Binary files /dev/null and b/public/img/slide1.jpg differ diff --git a/public/img/slide2.jpg b/public/img/slide2.jpg new file mode 100644 index 0000000..0d5ef40 Binary files /dev/null and b/public/img/slide2.jpg differ diff --git a/public/img/slide3.jpg b/public/img/slide3.jpg new file mode 100644 index 0000000..da9b6da Binary files /dev/null and b/public/img/slide3.jpg differ diff --git a/public/img/slide4.jpg b/public/img/slide4.jpg new file mode 100644 index 0000000..83889ce Binary files /dev/null and b/public/img/slide4.jpg differ diff --git a/public/img/slide5.jpg b/public/img/slide5.jpg new file mode 100644 index 0000000..d4749b7 Binary files /dev/null and b/public/img/slide5.jpg differ diff --git a/public/img/slide6.jpg b/public/img/slide6.jpg new file mode 100644 index 0000000..48f72bc Binary files /dev/null and b/public/img/slide6.jpg differ diff --git a/public/img/sponsor.PNG b/public/img/sponsor.PNG new file mode 100644 index 0000000..9b3cffe Binary files /dev/null and b/public/img/sponsor.PNG differ diff --git a/public/img/squadre.png b/public/img/squadre.png new file mode 100644 index 0000000..da1be71 Binary files /dev/null and b/public/img/squadre.png differ diff --git a/public/img/team2.jpg b/public/img/team2.jpg new file mode 100644 index 0000000..691b591 Binary files /dev/null and b/public/img/team2.jpg differ diff --git a/public/img/template-easy-customize.png b/public/img/template-easy-customize.png new file mode 100644 index 0000000..6080be0 Binary files /dev/null and b/public/img/template-easy-customize.png differ diff --git a/public/img/template-homepage.png b/public/img/template-homepage.png new file mode 100644 index 0000000..6541b60 Binary files /dev/null and b/public/img/template-homepage.png differ diff --git a/public/img/testimonials/person-1.jpg b/public/img/testimonials/person-1.jpg new file mode 100644 index 0000000..11c4cb3 Binary files /dev/null and b/public/img/testimonials/person-1.jpg differ diff --git a/public/img/testimonials/person-2.jpg b/public/img/testimonials/person-2.jpg new file mode 100644 index 0000000..1abb3e9 Binary files /dev/null and b/public/img/testimonials/person-2.jpg differ diff --git a/public/img/testimonials/person-3.png b/public/img/testimonials/person-3.png new file mode 100644 index 0000000..cfa6fbd Binary files /dev/null and b/public/img/testimonials/person-3.png differ diff --git a/public/img/testimonials/person-4.jpg b/public/img/testimonials/person-4.jpg new file mode 100644 index 0000000..d08cf7e Binary files /dev/null and b/public/img/testimonials/person-4.jpg differ diff --git a/public/img/texture-bw.png b/public/img/texture-bw.png new file mode 100644 index 0000000..4215594 Binary files /dev/null and b/public/img/texture-bw.png differ diff --git a/public/img/texture-green.png b/public/img/texture-green.png new file mode 100644 index 0000000..21b9231 Binary files /dev/null and b/public/img/texture-green.png differ diff --git a/public/img/texture-turquoise.png b/public/img/texture-turquoise.png new file mode 100644 index 0000000..8da5351 Binary files /dev/null and b/public/img/texture-turquoise.png differ diff --git a/public/img/texture-violet.png b/public/img/texture-violet.png new file mode 100644 index 0000000..81a4e1a Binary files /dev/null and b/public/img/texture-violet.png differ diff --git a/public/img/women.jpg b/public/img/women.jpg new file mode 100644 index 0000000..7e0e6db Binary files /dev/null and b/public/img/women.jpg differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..4ffb0b9 --- /dev/null +++ b/public/index.html @@ -0,0 +1,1233 @@ + + + + + + + + + +Zancle E-Drive + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+ + + +
+
+ +
+
+
+
+
+ + + + + + + + + + +
+ +
+ + + + + + + +
+
+ + + + + + + + +
+ + + + + + +
+
+ +
+ +
+ +

Realizzata da studenti

+

Il nostro team è composto interamente da studenti dell’università di Messina provenienti da ogni dipartimento.

+
+
+ + + + + + + +
+
+ +
+ +
+ +

Totalmente elettrica

+

La nostra monoposto è totalmente elettrica, niente carburante da combustibile fossile.

+
+
+ + + + + + + +
+
+ +
+ +
+ +

Guida autonoma

+

La nostra monoposto è capace di guidarsi da sola attraverso il complicato percorso della formula SAE.

+
+
+ + +
+ +
+ + + + + + +
+
+ +
+ +
+ +

Innovazione

+

Ci approcciamo ai problemi con soluzioni inedite.

+
+
+ + + + + + + +
+
+ +
+ +
+ +

From zero to hero

+

Stiamo progettando ogni aspetto della monoposto dal prototipo alla versione finale.

+
+
+ + + + + + + +
+
+ +
+ +
+ +

UI/UX

+

Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.

+
+
+ + +
+ +
+
+ + + + + + + + +
+
+
+
+
+

Testimonials

+
+ +

+ We have worked with many clients and we always like to hear they come out from the cooperation happy and satisfied. Have a look what our clients said about us. +

+ + + + + + + +
+ +
+
+
+ + + + + + + + +
+
+
+
+
+
+
+

Entra a far parte del nostro team!

+

Unisciti a noi e collabora nella realizzazione di una monoposto elettrica a guida autonoma.

+

+ + + + + Partecipa + + + + +

+
+
+
+
+ + + + + + +
+
+ +
+
+

From our blog

+
+ +

+ Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. +

+ + + +
+ + +
+
+
+
+ + + +
+
+
+

+ Leggi tutto +

+
+
+ +
+

Uno sguardo al futuro l intelligenza artificiale

+

+ + Da Giuseppe Mantineo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + il maggio 12, 2021 + +

+ +

Quando si parla di Intelligenza Artificiale (IA), si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L’Intelligenza Artificiale consente alle macchine di imparare dall’esperienza, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell’uomo, più nel dettaglio questa è un ramo dell’informatica che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di Rete neurale artificiale, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell’intelligenza artificiale, al momento, è che impara dai soli dati, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono estremamente specializzati, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: Machine learning, Deep Learning, Computer vision, Natural language processing e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea. L’Intelligenza Artificiale ad oggi rappresenta una realtà e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.

+

+ Continua lettura +

+ +
+
+ + +
+ +
+
+
+
+ + + +
+
+
+

+ Leggi tutto +

+
+
+ +
+

L'ingegno al servizio dell'ambiente

+

+ + Da Mauro Cannistrà + + + + + + + + + + + + + + + + + + + + + + + + + + + + + il aprile 25, 2021 + +

+ +

Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?

+

+ Continua lettura +

+ +
+
+ + +
+ +
+
+
+
+ + + +
+
+
+

+ Leggi tutto +

+
+
+ +
+

THE QUIETEST STARTING LINE

+

+ + Da Mauro Cannistrà + + + + + + + + + + + + + + + + + + + + + + + + + + + + + il marzo 31, 2021 + +

+ +

Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le origini delle vetture elettriche che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?

+
+
+ +

Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della seconda rivoluzione industriale, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’Ing. Porsche che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.

+

+ Continua lettura +

+ +
+
+ + +
+ +
+
+
+
+ + + +
+
+
+

+ Leggi tutto +

+
+
+ +
+

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+

+ + Da Mauro Cannistrà + + + + + + + + + + + + + + + + + + + + + + + + + + + + + il marzo 16, 2021 + +

+ +

TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

+

In prima posizione l’ingegno, quello messo dal team Zancle E-Drive (ZED) formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.

+

Parliamo proprio della Formula SAE, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.

+

+ Continua lettura +

+ +
+
+ + +
+ + +
+ + + + +
+
+ +
+ + + + + + + + +
+
+
+
+
+

Credono in noi

+
+ +

+ +

+ + + +
+
+
+
+ + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/public/index.xml b/public/index.xml new file mode 100644 index 0000000..ac8155a --- /dev/null +++ b/public/index.xml @@ -0,0 +1,82 @@ + + + + Zancle E-Drive + / + Recent content on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Uno sguardo al futuro l intelligenza artificiale + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + Wed, 12 May 2021 20:48:20 +0000 + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + <p>Quando si parla di <strong>Intelligenza Artificiale (IA)</strong>, si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L&rsquo;Intelligenza Artificiale consente alle macchine di <strong>imparare dall&rsquo;esperienza</strong>, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell&rsquo;uomo, più nel dettaglio questa è un <strong>ramo dell’informatica</strong> che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di <strong>Rete neurale artificiale</strong>, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell&rsquo;intelligenza artificiale, al momento, è che impara dai soli <strong>dati</strong>, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono <strong>estremamente specializzati</strong>, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: <strong>Machine learning, Deep Learning, Computer vision, Natural language processing</strong> e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle <strong>Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea</strong>. L’Intelligenza Artificiale ad oggi <strong>rappresenta una realtà</strong> e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.</p> + + + L'ingegno al servizio dell'ambiente + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + Sun, 25 Apr 2021 22:00:00 +0000 + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + <p>Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. <strong>Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?</strong></p> + + + THE QUIETEST STARTING LINE + /blog/2021/03/31/linked-post-copy-1/ + Wed, 31 Mar 2021 07:00:20 +0000 + /blog/2021/03/31/linked-post-copy-1/ + <p>Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le <strong>origini delle vetture elettriche</strong> che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?</p> <figure class="center"><img src="/img/2_1.png" width="100%"> </figure> <p>Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della <strong>seconda rivoluzione industriale</strong>, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’<strong>Ing. Porsche</strong> che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.</p> + + + TUTTI PRONTI SULLA GRIGLIA DI PARTENZA + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + Tue, 16 Mar 2021 08:00:00 +0000 + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + <h2 id="tutti-pronti-sulla-griglia-di-partenza">TUTTI PRONTI SULLA GRIGLIA DI PARTENZA</h2> <p>In prima posizione l’ingegno, quello messo dal team <strong>Zancle E-Drive (ZED)</strong> formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.</p> <p>Parliamo proprio della <strong>Formula SAE</strong>, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.</p> + + + About Us + /about-us/ + Mon, 01 Jan 0001 00:00:00 +0000 + /about-us/ + <p><strong>Zancle E-Drive</strong> <strong>(ZED)</strong> è un team formato da studenti iscritti all’Università degli Studi di Messina, è attualmente l&rsquo;unico della Sicilia nato con l’obiettivo di partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario, la <strong>Formula SAE.</strong></p> <p>Il nome trae ispirazione dalle origini greche della nostra città, un omaggio al passato della nostra citta da coloro i quali ne rappresentano il futuro.</p> <figure class="center"><img src="/img/team2.jpg" width="110%"><figcaption> <h4>Il team alla fondazione</h4> </figcaption> </figure> <p>Il team, nato durante il 2020, nonostante i vari impedimenti ha realizzato e stampato un prototipo in scala (con il nome di CyberZED) poi ottimizzato con una seconda versione per poter sperimentare e acquisire esperienza utilizzando le varie tecnologie da implementare sulla monoposto che verrà presentata nella competizione.</p> + + + Contact + /contact/ + Mon, 01 Jan 0001 00:00:00 +0000 + /contact/ + <h1 id="contattaci">Contattaci</h1> <p>Non hai trovato la risposta alle tue domande tra le <a href="/faq">FAQ</a> e vuoi saperne di più sul nostro progetto? Vuoi entrare a far parte del team?</p> <p>Compila il form per contattarci!</p> + + + FAQ + /faq/ + Mon, 01 Jan 0001 00:00:00 +0000 + /faq/ + <h1 id="hai-domande-su-zancle-e-drive-noi-abbiamo-le-risposte">Hai domande su Zancle E-Drive? Noi abbiamo le risposte.</h1> <h4 id="1-vorrei-far-parte-del-team-quali-sono-i-requisiti">1. Vorrei far parte del team. Quali sono i requisiti?</h4> <p>Per poter far parte del team è necessario:</p> <ul> <li>Essere iscritto ad un qualsiasi corso di laurea dell&rsquo;Università degli studi di Messina</li> <li>Buona conoscenza della lingua inglese</li> <li>Voglia di lavorare in team</li> </ul> <p>Se soddisfi tutti i requisiti compila il <a href="/contact/">form</a> per contattarci!</p> <h4 id="2-posso-partecipare-anche-se-non-ho-alcuna-esperienza">2. Posso partecipare anche se non ho alcuna esperienza?</h4> <p>Certo! La nostra mission è creare giovani figure professionali con skills tecniche e manageriali attente all&rsquo;innovazione e alla sostenibilità.</p> + + + Formula SAE + /formula-sae/ + Mon, 01 Jan 0001 00:00:00 +0000 + /formula-sae/ + <p>La Formula SAE è una competizione studentesca che coinvolge i dipartimenti di ingegneria delle Università di tutto il mondo ed è organizzato da SAE International. Il concetto sul quale si basa è quello di creare una situazione in cui degli studenti universitari debbano sviluppare una monoposto in stile Formula che verrà valutata attraverso delle prove al fine di promuovere la sicurezza in pista e le skill di problem solving dei vari Team studenteschi partecipanti alla competizione.</p> + + + IL TEAM 2022-2023 + /il-team-2022-2023/ + Mon, 01 Jan 0001 00:00:00 +0000 + /il-team-2022-2023/ + <h4 id="faculty-advisor">Faculty Advisor</h4> <p>Francesco longo</p> <h4 id="team-leader">Team Leader</h4> <p>Rizzo Simone</p> <h4 id="area-commrciale">Area Commrciale</h4> <h4 id="responsabile">Responsabile</h4> <h4 id="area-elettronica">Area Elettronica</h4> <h4 id="responsabile-1">Responsabile</h4> <p>Ciccone Diego Enrico</p> <h4 id="area-informatica">Area Informatica</h4> <h4 id="responsabile-2">Responsabile</h4> <p>Gaetano Pispisa</p> <p>&hellip;&hellip;&hellip;&hellip;..</p> <h4 id="area-meccanica">Area Meccanica</h4> <h4 id="responsabile-3">Responsabile</h4> <p>Siracusa Angelo</p> <p>&hellip;&hellip;&hellip;&hellip;&hellip;&hellip;&hellip;&hellip;</p> + + + Support us + /support-us/ + Mon, 01 Jan 0001 00:00:00 +0000 + /support-us/ + <h4 id="cosa-offriamo">Cosa offriamo?</h4> <ol> <li> <p>Potrete avere l&rsquo;opportunità do esporre il vostro logo sulla livrea della macchina, rendendolo così visibile durante gare ed eventi. Il prototipo viene anchepresentato in esposizioni di particolare rilievo, quali fiere ed eventi del settore,organizzati dal Team o da nostri sponsor.Inoltre, sui nostri canali social e sul sito web possiamo pubblicare contenuti specifici (post o articoli tecnici) sulla vostra azienda.</p> </li> <li> <p>Collaborare con ZED significa avere l’opportunità di conoscere personalmente e professionalmente gli studenti Unime, supportando importanti iniziative studentesche e investendo nel futuro di giovani studenti</p> + + + diff --git a/public/js/front.js b/public/js/front.js new file mode 100644 index 0000000..b520584 --- /dev/null +++ b/public/js/front.js @@ -0,0 +1,386 @@ +/* global $this: true */ +/* eslint no-unused-vars: ["error", { "varsIgnorePattern": "animationsSlider" }] */ + +if ($.cookie('themeCSSpath')) { + $('link#theme-stylesheet').attr('href', $.cookie('themeCSSpath')) +} +if ($.cookie('themeLayout')) { + $('body').addClass($.cookie('themeLayout')) +} + +$(function () { + sliderHomepage() + sliders() + fullScreenContainer() + productDetailGallery(4000) + menuSliding() + menuMouseOver() + productDetailSizes() + utils() + animations() + counters() + demo() + contactFormAjax() +}) + +// Ajax contact +function contactFormAjax () { + var form = $('.contact-form-ajax') + if (typeof form === 'undefined') return false + form.submit(function () { + $this = $(this) + $.post($(this).attr('action'), + $this.serialize(), + function () { + $this[0].reset() // clear form + + $('#contact-message') + .html('') + .fadeIn() + } + , 'json') + return false + }) +} + +/* for demo purpose only - can be deleted */ +function demo () { + if ($.cookie('themeCSSpath')) { + $('link#theme-stylesheet').attr('href', $.cookie('themeCSSpath')) + } + + $('#colour').change(function () { + if ($(this).val() !== '') { + var themeCSSpath = 'css/style.' + $(this).val() + '.css' + + $('link#theme-stylesheet').attr('href', themeCSSpath) + + $.cookie('themeCSSpath', themeCSSpath, {expires: 365, path: '/'}) + } + + return false + }) + + $('#layout').change(function () { + if ($(this).val() !== '') { + var themeLayout = $(this).val() + + $('body').removeClass('wide') + $('body').removeClass('boxed') + + $('body').addClass(themeLayout) + + $.cookie('themeLayout', themeLayout, {expires: 365, path: '/'}) + } + + return false + }) +} + +/* slider homepage */ +function sliderHomepage () { + if ($('#slider').length) { + // var owl = $('#slider') + + $('#slider').owlCarousel({ + autoPlay: 3000, + items: 4, + itemsDesktopSmall: [900, 3], + itemsTablet: [600, 3], + itemsMobile: [500, 2] + }) + } +} + +/* sliders */ +function sliders () { + if ($('.owl-carousel').length) { + $('.customers').owlCarousel({ + items: ($('.customers').attr('data-items') || 6), + slideSpeed: ($('.customers').attr('data-slide-speed') || 2000), + paginationSpeed: ($('.customers').attr('data-pagination-speed') || 1000), + autoPlay: $('.customers').attr('data-autoplay') === 'true', + itemsDesktopSmall: [990, 4], + itemsTablet: [768, 2], + itemsMobile: [480, 1] + }) + + $('.testimonials').owlCarousel({ + items: ($('.testimonials').attr('data-items') || 4), + slideSpeed: ($('.testimonials').attr('data-slide-speed') || 2000), + paginationSpeed: ($('.testimonials').attr('data-pagination-speed') || 1000), + autoPlay: $('.testimonials').attr('data-autoplay') === 'true', + itemsDesktopSmall: [990, 3], + itemsTablet: [768, 2], + itemsMobile: [480, 1] + }) + + $('.homepage').owlCarousel({ + navigation: false, // Show next and prev buttons + navigationText: ['', ''], + slideSpeed: ($('.homepage').attr('data-slide-speed') || 2000), + paginationSpeed: ($('.homepage').attr('data-pagination-speed') || 1000), + autoPlay: ($('.homepage').attr('data-autoplay') || 'true') === 'true', + stopOnHover: true, + singleItem: true, + lazyLoad: false, + addClassActive: true, + afterInit: function () { + // animationsSlider() + }, + afterMove: function () { + // animationsSlider() + } + }) + } +} + +/* menu sliding */ +function menuSliding () { + $('.dropdown').on('show.bs.dropdown', function () { + if ($(window).width() > 750) { + $(this).find('.dropdown-menu').first().stop(true, true).slideDown() + } else { + $(this).find('.dropdown-menu').first().stop(true, true).show() + } + }) + + $('.dropdown').on('hide.bs.dropdown', function () { + if ($(window).width() > 750) { + $(this).find('.dropdown-menu').first().stop(true, true).slideUp() + } else { + $(this).find('.dropdown-menu').first().stop(true, true).hide() + } + }) +} + +function menuMouseOver () { + $('.mouseover .dropdown').hover(function () { + $('.dropdown-toggle', this).trigger('click') + }) +} + +/* animations */ +function animations () { + var delayTime = 0 + $('[data-animate]').css({opacity: '0'}) + $('[data-animate]').waypoint(function () { + delayTime += 150 + $(this).delay(delayTime).queue(function (next) { + $(this).toggleClass('animated') + $(this).toggleClass($(this).data('animate')) + delayTime = 0 + next() + // $(this).removeClass('animated') + // $(this).toggleClass($(this).data('animate')) + }) + }, { + offset: '90%', + triggerOnce: true + }) + + $('[data-animate-hover]').hover(function () { + $(this).css({opacity: 1}) + $(this).addClass('animated') + $(this).removeClass($(this).data('animate')) + $(this).addClass($(this).data('animate-hover')) + }, function () { + $(this).removeClass('animated') + $(this).removeClass($(this).data('animate-hover')) + }) +} + +function animationsSlider () { + var delayTimeSlider = 400 + + $('.owl-item:not(.active) [data-animate-always]').each(function () { + $(this).removeClass('animated') + $(this).removeClass($(this).data('animate-always')) + $(this).stop(true, true, true).css({opacity: 0}) + }) + + $('.owl-item.active [data-animate-always]').each(function () { + delayTimeSlider += 500 + + $(this).delay(delayTimeSlider).queue(function () { + $(this).addClass('animated') + $(this).addClass($(this).data('animate-always')) + + console.log($(this).data('animate-always')) + }) + }) +} + +/* counters */ +function counters () { + $('.counter').counterUp({ + delay: 10, + time: 1000 + }) +} + +/* picture zoom */ +function pictureZoom () { + $('.product .image, .post .image, .photostream div').each(function () { + var imgHeight = $(this).find('img').height() + if (imgHeight) { + $(this).height(imgHeight) + } + }) +} + +/* full screen intro */ +function fullScreenContainer () { + var screenWidth = $(window).width() + 'px' + var screenHeight = '500px' + + if ($(window).height() > 500) { + screenHeight = $(window).height() + 'px' + } + + $('#intro, #intro .item').css({ + width: screenWidth, + height: screenHeight + }) +} + +function utils () { + /* tooltips */ + $('[data-toggle="tooltip"]').tooltip() + + /* click on the box activates the radio */ + $('#checkout').on('click', '.box.shipping-method, .box.payment-method', function () { + var radio = $(this).find(':radio') + radio.prop('checked', true) + }) + + /* click on the box activates the link in it */ + $('.box.clickable').on('click', function () { + window.location = $(this).find('a').attr('href') + }) + + /* external links in new window */ + $('.external').on('click', function (e) { + e.preventDefault() + window.open($(this).attr('href')) + }) + + /* animated scrolling */ + $('.scroll-to, .scroll-to-top').click(function (event) { + var fullUrl = this.href + var parts = fullUrl.split('#') + + if (parts.length > 1) { + scrollTo(fullUrl) + event.preventDefault() + } + }) + + function scrollTo (fullUrl) { + var parts = fullUrl.split('#') + var trgt = parts[1] + var targetOffset = $('#' + trgt).offset() + var targetTop = targetOffset.top - 100 + + if (targetTop < 0) { + targetTop = 0 + } + + $('html, body').animate({ + scrollTop: targetTop + }, 1000) + } +} + +/* product detail gallery */ +function productDetailGallery (confDetailSwitch) { + $('.thumb:first').addClass('active') + var timer = setInterval(autoSwitch, confDetailSwitch) + + $('.thumb').click(function (e) { + switchImage($(this)) + clearInterval(timer) + timer = setInterval(autoSwitch, confDetailSwitch) + e.preventDefault() + }) + + $('#mainImage').hover(function () { + clearInterval(timer) + }, function () { + timer = setInterval(autoSwitch, confDetailSwitch) + }) + + function autoSwitch () { + var nextThumb = $('.thumb.active').closest('div').next('div').find('.thumb') + if (nextThumb.length === 0) { + nextThumb = $('.thumb:first') + } + switchImage(nextThumb) + } + + function switchImage (thumb) { + $('.thumb').removeClass('active') + var bigUrl = thumb.attr('href') + thumb.addClass('active') + $('#mainImage img').attr('src', bigUrl) + } +} + +/* product detail sizes */ +function productDetailSizes () { + $('.sizes a').click(function (e) { + e.preventDefault() + $('.sizes a').removeClass('active') + $('.size-input').prop('checked', false) + $(this).addClass('active') + $(this).next('input').prop('checked', true) + }) +} + +$.fn.alignElementsSameHeight = function () { + $('.same-height-row').each(function () { + var maxHeight = 0 + var children = $(this).find('.same-height') + children.height('auto') + + if ($(window).width() > 768) { + children.each(function () { + if ($(this).innerHeight() > maxHeight) { + maxHeight = $(this).innerHeight() + } + }) + children.innerHeight(maxHeight) + } + + maxHeight = 0 + children = $(this).find('.same-height-always') + children.height('auto') + children.each(function () { + if ($(this).height() > maxHeight) { + maxHeight = $(this).innerHeight() + } + }) + children.innerHeight(maxHeight) + }) +} + +var windowWidth +$(function () { + windowWidth = $(window).width() + + $(this).alignElementsSameHeight() + pictureZoom() +}) + +$(window).resize(function () { + var newWindowWidth = $(window).width() + + if (windowWidth !== newWindowWidth) { + setTimeout(function () { + $(this).alignElementsSameHeight() + fullScreenContainer() + pictureZoom() + }, 205) + windowWidth = newWindowWidth + } +}) diff --git a/public/js/gmaps.init.js b/public/js/gmaps.init.js new file mode 100644 index 0000000..2227dda --- /dev/null +++ b/public/js/gmaps.init.js @@ -0,0 +1,71 @@ +/* global GMaps: true */ + +$(document).ready(function () { + map() +}) + +function map () { + if ($('#map').length) { + var lat = $('#gmap-lat').val() + var lng = $('#gmap-lng').val() + var direction = $('#gmap-dir').val() + var image = $('#gmap-marker').val() + + var styles = + [ + { + 'featureType': 'landscape', 'stylers': [{'saturation': -100}, {'lightness': 65}, {'visibility': 'on'}] + }, { + 'featureType': 'poi', 'stylers': [{'saturation': -100}, {'lightness': 51}, {'visibility': 'simplified'}] + }, { + 'featureType': 'road.highway', 'stylers': [{'saturation': -100}, {'visibility': 'simplified'}] + }, { + 'featureType': 'road.arterial', 'stylers': [{'saturation': -100}, {'lightness': 30}, {'visibility': 'on'}] + }, { + 'featureType': 'road.local', 'stylers': [{'saturation': -100}, {'lightness': 40}, {'visibility': 'on'}] + }, { + 'featureType': 'transit', 'stylers': [{'saturation': -100}, {'visibility': 'simplified'}] + }, { + 'featureType': 'administrative.province', 'stylers': [{'visibility': 'off'}] + }, { + 'featureType': 'water', 'elementType': 'labels', 'stylers': [{'visibility': 'on'}, {'lightness': -25}, {'saturation': -100}] + }, { + 'featureType': 'water', 'elementType': 'geometry', 'stylers': [{'hue': '#ffff00'}, {'lightness': -25}, {'saturation': -97}] + } + ] + + var map = new GMaps({ + el: '#map', + lat: lat, + lng: lng, + zoomControl: true, + zoomControlOpt: { + style: 'SMALL', + position: 'TOP_LEFT' + }, + panControl: false, + streetViewControl: false, + mapTypeControl: false, + overviewMapControl: false, + scrollwheel: false, + draggable: false, + styles: styles + }) + + map.addMarker({ + lat: lat, + lng: lng, + icon: image, + click: function (e) { + // when we get an address with spaces ... + var url = 'https://maps.google.com?daddr=' + direction.split('match').join('replace') + window.open(url, '_blank') + }, + title: direction + /* , + infoWindow: { + content: '

HTML Content

' + } */ + }) + } +} diff --git a/public/js/hpneo.gmaps.js b/public/js/hpneo.gmaps.js new file mode 100644 index 0000000..66b4959 --- /dev/null +++ b/public/js/hpneo.gmaps.js @@ -0,0 +1,2132 @@ +(function(root, factory) { + if(typeof exports === 'object') { + module.exports = factory(); + } + else if(typeof define === 'function' && define.amd) { + define('GMaps', [], factory); + } + + root.GMaps = factory(); + +}(this, function() { + +/*! + * GMaps.js v0.4.15 + * http://hpneo.github.com/gmaps/ + * + * Copyright 2014, Gustavo Leon + * Released under the MIT License. + */ + +if (!(typeof window.google === 'object' && window.google.maps)) { + throw 'Google Maps API is required. Please register the following JavaScript library http://maps.google.com/maps/api/js?sensor=true.' +} + +var extend_object = function(obj, new_obj) { + var name; + + if (obj === new_obj) { + return obj; + } + + for (name in new_obj) { + obj[name] = new_obj[name]; + } + + return obj; +}; + +var replace_object = function(obj, replace) { + var name; + + if (obj === replace) { + return obj; + } + + for (name in replace) { + if (obj[name] != undefined) { + obj[name] = replace[name]; + } + } + + return obj; +}; + +var array_map = function(array, callback) { + var original_callback_params = Array.prototype.slice.call(arguments, 2), + array_return = [], + array_length = array.length, + i; + + if (Array.prototype.map && array.map === Array.prototype.map) { + array_return = Array.prototype.map.call(array, function(item) { + callback_params = original_callback_params; + callback_params.splice(0, 0, item); + + return callback.apply(this, callback_params); + }); + } + else { + for (i = 0; i < array_length; i++) { + callback_params = original_callback_params; + callback_params.splice(0, 0, array[i]); + array_return.push(callback.apply(this, callback_params)); + } + } + + return array_return; +}; + +var array_flat = function(array) { + var new_array = [], + i; + + for (i = 0; i < array.length; i++) { + new_array = new_array.concat(array[i]); + } + + return new_array; +}; + +var coordsToLatLngs = function(coords, useGeoJSON) { + var first_coord = coords[0], + second_coord = coords[1]; + + if (useGeoJSON) { + first_coord = coords[1]; + second_coord = coords[0]; + } + + return new google.maps.LatLng(first_coord, second_coord); +}; + +var arrayToLatLng = function(coords, useGeoJSON) { + var i; + + for (i = 0; i < coords.length; i++) { + if (!(coords[i] instanceof google.maps.LatLng)) { + if (coords[i].length > 0 && typeof(coords[i][0]) == "object") { + coords[i] = arrayToLatLng(coords[i], useGeoJSON); + } + else { + coords[i] = coordsToLatLngs(coords[i], useGeoJSON); + } + } + } + + return coords; +}; + +var getElementById = function(id, context) { + var element, + id = id.replace('#', ''); + + if ('jQuery' in this && context) { + element = $("#" + id, context)[0]; + } else { + element = document.getElementById(id); + }; + + return element; +}; + +var findAbsolutePosition = function(obj) { + var curleft = 0, + curtop = 0; + + if (obj.offsetParent) { + do { + curleft += obj.offsetLeft; + curtop += obj.offsetTop; + } while (obj = obj.offsetParent); + } + + return [curleft, curtop]; +}; + +var GMaps = (function(global) { + "use strict"; + + var doc = document; + + var GMaps = function(options) { + if (!this) return new GMaps(options); + + options.zoom = options.zoom || 15; + options.mapType = options.mapType || 'roadmap'; + + var self = this, + i, + events_that_hide_context_menu = ['bounds_changed', 'center_changed', 'click', 'dblclick', 'drag', 'dragend', 'dragstart', 'idle', 'maptypeid_changed', 'projection_changed', 'resize', 'tilesloaded', 'zoom_changed'], + events_that_doesnt_hide_context_menu = ['mousemove', 'mouseout', 'mouseover'], + options_to_be_deleted = ['el', 'lat', 'lng', 'mapType', 'width', 'height', 'markerClusterer', 'enableNewStyle'], + container_id = options.el || options.div, + markerClustererFunction = options.markerClusterer, + mapType = google.maps.MapTypeId[options.mapType.toUpperCase()], + map_center = new google.maps.LatLng(options.lat, options.lng), + zoomControl = options.zoomControl || true, + zoomControlOpt = options.zoomControlOpt || { + style: 'DEFAULT', + position: 'TOP_LEFT' + }, + zoomControlStyle = zoomControlOpt.style || 'DEFAULT', + zoomControlPosition = zoomControlOpt.position || 'TOP_LEFT', + panControl = options.panControl || true, + mapTypeControl = options.mapTypeControl || true, + scaleControl = options.scaleControl || true, + streetViewControl = options.streetViewControl || true, + overviewMapControl = overviewMapControl || true, + map_options = {}, + map_base_options = { + zoom: this.zoom, + center: map_center, + mapTypeId: mapType + }, + map_controls_options = { + panControl: panControl, + zoomControl: zoomControl, + zoomControlOptions: { + style: google.maps.ZoomControlStyle[zoomControlStyle], + position: google.maps.ControlPosition[zoomControlPosition] + }, + mapTypeControl: mapTypeControl, + scaleControl: scaleControl, + streetViewControl: streetViewControl, + overviewMapControl: overviewMapControl + }; + + if (typeof(options.el) === 'string' || typeof(options.div) === 'string') { + this.el = getElementById(container_id, options.context); + } else { + this.el = container_id; + } + + if (typeof(this.el) === 'undefined' || this.el === null) { + throw 'No element defined.'; + } + + window.context_menu = window.context_menu || {}; + window.context_menu[self.el.id] = {}; + + this.controls = []; + this.overlays = []; + this.layers = []; // array with kml/georss and fusiontables layers, can be as many + this.singleLayers = {}; // object with the other layers, only one per layer + this.markers = []; + this.polylines = []; + this.routes = []; + this.polygons = []; + this.infoWindow = null; + this.overlay_el = null; + this.zoom = options.zoom; + this.registered_events = {}; + + this.el.style.width = options.width || this.el.scrollWidth || this.el.offsetWidth; + this.el.style.height = options.height || this.el.scrollHeight || this.el.offsetHeight; + + google.maps.visualRefresh = options.enableNewStyle; + + for (i = 0; i < options_to_be_deleted.length; i++) { + delete options[options_to_be_deleted[i]]; + } + + if(options.disableDefaultUI != true) { + map_base_options = extend_object(map_base_options, map_controls_options); + } + + map_options = extend_object(map_base_options, options); + + for (i = 0; i < events_that_hide_context_menu.length; i++) { + delete map_options[events_that_hide_context_menu[i]]; + } + + for (i = 0; i < events_that_doesnt_hide_context_menu.length; i++) { + delete map_options[events_that_doesnt_hide_context_menu[i]]; + } + + this.map = new google.maps.Map(this.el, map_options); + + if (markerClustererFunction) { + this.markerClusterer = markerClustererFunction.apply(this, [this.map]); + } + + var buildContextMenuHTML = function(control, e) { + var html = '', + options = window.context_menu[self.el.id][control]; + + for (var i in options){ + if (options.hasOwnProperty(i)) { + var option = options[i]; + + html += '
  • ' + option.title + '
  • '; + } + } + + if (!getElementById('gmaps_context_menu')) return; + + var context_menu_element = getElementById('gmaps_context_menu'); + + context_menu_element.innerHTML = html; + + var context_menu_items = context_menu_element.getElementsByTagName('a'), + context_menu_items_count = context_menu_items.length, + i; + + for (i = 0; i < context_menu_items_count; i++) { + var context_menu_item = context_menu_items[i]; + + var assign_menu_item_action = function(ev){ + ev.preventDefault(); + + options[this.id.replace(control + '_', '')].action.apply(self, [e]); + self.hideContextMenu(); + }; + + google.maps.event.clearListeners(context_menu_item, 'click'); + google.maps.event.addDomListenerOnce(context_menu_item, 'click', assign_menu_item_action, false); + } + + var position = findAbsolutePosition.apply(this, [self.el]), + left = position[0] + e.pixel.x - 15, + top = position[1] + e.pixel.y- 15; + + context_menu_element.style.left = left + "px"; + context_menu_element.style.top = top + "px"; + + context_menu_element.style.display = 'block'; + }; + + this.buildContextMenu = function(control, e) { + if (control === 'marker') { + e.pixel = {}; + + var overlay = new google.maps.OverlayView(); + overlay.setMap(self.map); + + overlay.draw = function() { + var projection = overlay.getProjection(), + position = e.marker.getPosition(); + + e.pixel = projection.fromLatLngToContainerPixel(position); + + buildContextMenuHTML(control, e); + }; + } + else { + buildContextMenuHTML(control, e); + } + }; + + this.setContextMenu = function(options) { + window.context_menu[self.el.id][options.control] = {}; + + var i, + ul = doc.createElement('ul'); + + for (i in options.options) { + if (options.options.hasOwnProperty(i)) { + var option = options.options[i]; + + window.context_menu[self.el.id][options.control][option.name] = { + title: option.title, + action: option.action + }; + } + } + + ul.id = 'gmaps_context_menu'; + ul.style.display = 'none'; + ul.style.position = 'absolute'; + ul.style.minWidth = '100px'; + ul.style.background = 'white'; + ul.style.listStyle = 'none'; + ul.style.padding = '8px'; + ul.style.boxShadow = '2px 2px 6px #ccc'; + + doc.body.appendChild(ul); + + var context_menu_element = getElementById('gmaps_context_menu') + + google.maps.event.addDomListener(context_menu_element, 'mouseout', function(ev) { + if (!ev.relatedTarget || !this.contains(ev.relatedTarget)) { + window.setTimeout(function(){ + context_menu_element.style.display = 'none'; + }, 400); + } + }, false); + }; + + this.hideContextMenu = function() { + var context_menu_element = getElementById('gmaps_context_menu'); + + if (context_menu_element) { + context_menu_element.style.display = 'none'; + } + }; + + var setupListener = function(object, name) { + google.maps.event.addListener(object, name, function(e){ + if (e == undefined) { + e = this; + } + + options[name].apply(this, [e]); + + self.hideContextMenu(); + }); + }; + + //google.maps.event.addListener(this.map, 'idle', this.hideContextMenu); + google.maps.event.addListener(this.map, 'zoom_changed', this.hideContextMenu); + + for (var ev = 0; ev < events_that_hide_context_menu.length; ev++) { + var name = events_that_hide_context_menu[ev]; + + if (name in options) { + setupListener(this.map, name); + } + } + + for (var ev = 0; ev < events_that_doesnt_hide_context_menu.length; ev++) { + var name = events_that_doesnt_hide_context_menu[ev]; + + if (name in options) { + setupListener(this.map, name); + } + } + + google.maps.event.addListener(this.map, 'rightclick', function(e) { + if (options.rightclick) { + options.rightclick.apply(this, [e]); + } + + if(window.context_menu[self.el.id]['map'] != undefined) { + self.buildContextMenu('map', e); + } + }); + + this.refresh = function() { + google.maps.event.trigger(this.map, 'resize'); + }; + + this.fitZoom = function() { + var latLngs = [], + markers_length = this.markers.length, + i; + + for (i = 0; i < markers_length; i++) { + if(typeof(this.markers[i].visible) === 'boolean' && this.markers[i].visible) { + latLngs.push(this.markers[i].getPosition()); + } + } + + this.fitLatLngBounds(latLngs); + }; + + this.fitLatLngBounds = function(latLngs) { + var total = latLngs.length; + var bounds = new google.maps.LatLngBounds(); + + for(var i=0; i < total; i++) { + bounds.extend(latLngs[i]); + } + + this.map.fitBounds(bounds); + }; + + this.setCenter = function(lat, lng, callback) { + this.map.panTo(new google.maps.LatLng(lat, lng)); + + if (callback) { + callback(); + } + }; + + this.getElement = function() { + return this.el; + }; + + this.zoomIn = function(value) { + value = value || 1; + + this.zoom = this.map.getZoom() + value; + this.map.setZoom(this.zoom); + }; + + this.zoomOut = function(value) { + value = value || 1; + + this.zoom = this.map.getZoom() - value; + this.map.setZoom(this.zoom); + }; + + var native_methods = [], + method; + + for (method in this.map) { + if (typeof(this.map[method]) == 'function' && !this[method]) { + native_methods.push(method); + } + } + + for (i=0; i < native_methods.length; i++) { + (function(gmaps, scope, method_name) { + gmaps[method_name] = function(){ + return scope[method_name].apply(scope, arguments); + }; + })(this, this.map, native_methods[i]); + } + }; + + return GMaps; +})(this); + +GMaps.prototype.createControl = function(options) { + var control = document.createElement('div'); + + control.style.cursor = 'pointer'; + + if (options.disableDefaultStyles !== true) { + control.style.fontFamily = 'Roboto, Arial, sans-serif'; + control.style.fontSize = '11px'; + control.style.boxShadow = 'rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px'; + } + + for (var option in options.style) { + control.style[option] = options.style[option]; + } + + if (options.id) { + control.id = options.id; + } + + if (options.classes) { + control.className = options.classes; + } + + if (options.content) { + if (typeof options.content === 'string') { + control.innerHTML = options.content; + } + else if (options.content instanceof HTMLElement) { + control.appendChild(options.content); + } + } + + if (options.position) { + control.position = google.maps.ControlPosition[options.position.toUpperCase()]; + } + + for (var ev in options.events) { + (function(object, name) { + google.maps.event.addDomListener(object, name, function(){ + options.events[name].apply(this, [this]); + }); + })(control, ev); + } + + control.index = 1; + + return control; +}; + +GMaps.prototype.addControl = function(options) { + var control = this.createControl(options); + this.controls.push(control); + this.map.controls[control.position].push(control); + + return control; +}; + +GMaps.prototype.removeControl = function(control) { + var position = null; + + for (var i = 0; i < this.controls.length; i++) { + if (this.controls[i] == control) { + position = this.controls[i].position; + this.controls.splice(i, 1); + } + } + + if (position) { + for (i = 0; i < this.map.controls.length; i++) { + var controlsForPosition = this.map.controls[control.position] + if (controlsForPosition.getAt(i) == control) { + controlsForPosition.removeAt(i); + break; + } + } + } + + return control; +}; + +GMaps.prototype.createMarker = function(options) { + if (options.lat == undefined && options.lng == undefined && options.position == undefined) { + throw 'No latitude or longitude defined.'; + } + + var self = this, + details = options.details, + fences = options.fences, + outside = options.outside, + base_options = { + position: new google.maps.LatLng(options.lat, options.lng), + map: null + }, + marker_options = extend_object(base_options, options); + + delete marker_options.lat; + delete marker_options.lng; + delete marker_options.fences; + delete marker_options.outside; + + var marker = new google.maps.Marker(marker_options); + + marker.fences = fences; + + if (options.infoWindow) { + marker.infoWindow = new google.maps.InfoWindow(options.infoWindow); + + var info_window_events = ['closeclick', 'content_changed', 'domready', 'position_changed', 'zindex_changed']; + + for (var ev = 0; ev < info_window_events.length; ev++) { + (function(object, name) { + if (options.infoWindow[name]) { + google.maps.event.addListener(object, name, function(e){ + options.infoWindow[name].apply(this, [e]); + }); + } + })(marker.infoWindow, info_window_events[ev]); + } + } + + var marker_events = ['animation_changed', 'clickable_changed', 'cursor_changed', 'draggable_changed', 'flat_changed', 'icon_changed', 'position_changed', 'shadow_changed', 'shape_changed', 'title_changed', 'visible_changed', 'zindex_changed']; + + var marker_events_with_mouse = ['dblclick', 'drag', 'dragend', 'dragstart', 'mousedown', 'mouseout', 'mouseover', 'mouseup']; + + for (var ev = 0; ev < marker_events.length; ev++) { + (function(object, name) { + if (options[name]) { + google.maps.event.addListener(object, name, function(){ + options[name].apply(this, [this]); + }); + } + })(marker, marker_events[ev]); + } + + for (var ev = 0; ev < marker_events_with_mouse.length; ev++) { + (function(map, object, name) { + if (options[name]) { + google.maps.event.addListener(object, name, function(me){ + if(!me.pixel){ + me.pixel = map.getProjection().fromLatLngToPoint(me.latLng) + } + + options[name].apply(this, [me]); + }); + } + })(this.map, marker, marker_events_with_mouse[ev]); + } + + google.maps.event.addListener(marker, 'click', function() { + this.details = details; + + if (options.click) { + options.click.apply(this, [this]); + } + + if (marker.infoWindow) { + self.hideInfoWindows(); + marker.infoWindow.open(self.map, marker); + } + }); + + google.maps.event.addListener(marker, 'rightclick', function(e) { + e.marker = this; + + if (options.rightclick) { + options.rightclick.apply(this, [e]); + } + + if (window.context_menu[self.el.id]['marker'] != undefined) { + self.buildContextMenu('marker', e); + } + }); + + if (marker.fences) { + google.maps.event.addListener(marker, 'dragend', function() { + self.checkMarkerGeofence(marker, function(m, f) { + outside(m, f); + }); + }); + } + + return marker; +}; + +GMaps.prototype.addMarker = function(options) { + var marker; + if(options.hasOwnProperty('gm_accessors_')) { + // Native google.maps.Marker object + marker = options; + } + else { + if ((options.hasOwnProperty('lat') && options.hasOwnProperty('lng')) || options.position) { + marker = this.createMarker(options); + } + else { + throw 'No latitude or longitude defined.'; + } + } + + marker.setMap(this.map); + + if(this.markerClusterer) { + this.markerClusterer.addMarker(marker); + } + + this.markers.push(marker); + + GMaps.fire('marker_added', marker, this); + + return marker; +}; + +GMaps.prototype.addMarkers = function(array) { + for (var i = 0, marker; marker=array[i]; i++) { + this.addMarker(marker); + } + + return this.markers; +}; + +GMaps.prototype.hideInfoWindows = function() { + for (var i = 0, marker; marker = this.markers[i]; i++){ + if (marker.infoWindow) { + marker.infoWindow.close(); + } + } +}; + +GMaps.prototype.removeMarker = function(marker) { + for (var i = 0; i < this.markers.length; i++) { + if (this.markers[i] === marker) { + this.markers[i].setMap(null); + this.markers.splice(i, 1); + + if(this.markerClusterer) { + this.markerClusterer.removeMarker(marker); + } + + GMaps.fire('marker_removed', marker, this); + + break; + } + } + + return marker; +}; + +GMaps.prototype.removeMarkers = function (collection) { + var new_markers = []; + + if (typeof collection == 'undefined') { + for (var i = 0; i < this.markers.length; i++) { + this.markers[i].setMap(null); + } + + this.markers = new_markers; + } + else { + for (var i = 0; i < collection.length; i++) { + if (this.markers.indexOf(collection[i]) > -1) { + this.markers[i].setMap(null); + } + } + + for (var i = 0; i < this.markers.length; i++) { + if (this.markers[i].getMap() != null) { + new_markers.push(this.markers[i]); + } + } + + this.markers = new_markers; + } +}; + +GMaps.prototype.drawOverlay = function(options) { + var overlay = new google.maps.OverlayView(), + auto_show = true; + + overlay.setMap(this.map); + + if (options.auto_show != null) { + auto_show = options.auto_show; + } + + overlay.onAdd = function() { + var el = document.createElement('div'); + + el.style.borderStyle = "none"; + el.style.borderWidth = "0px"; + el.style.position = "absolute"; + el.style.zIndex = 100; + el.innerHTML = options.content; + + overlay.el = el; + + if (!options.layer) { + options.layer = 'overlayLayer'; + } + + var panes = this.getPanes(), + overlayLayer = panes[options.layer], + stop_overlay_events = ['contextmenu', 'DOMMouseScroll', 'dblclick', 'mousedown']; + + overlayLayer.appendChild(el); + + for (var ev = 0; ev < stop_overlay_events.length; ev++) { + (function(object, name) { + google.maps.event.addDomListener(object, name, function(e){ + if (navigator.userAgent.toLowerCase().indexOf('msie') != -1 && document.all) { + e.cancelBubble = true; + e.returnValue = false; + } + else { + e.stopPropagation(); + } + }); + })(el, stop_overlay_events[ev]); + } + + if (options.click) { + panes.overlayMouseTarget.appendChild(overlay.el); + google.maps.event.addDomListener(overlay.el, 'click', function() { + options.click.apply(overlay, [overlay]); + }); + } + + google.maps.event.trigger(this, 'ready'); + }; + + overlay.draw = function() { + var projection = this.getProjection(), + pixel = projection.fromLatLngToDivPixel(new google.maps.LatLng(options.lat, options.lng)); + + options.horizontalOffset = options.horizontalOffset || 0; + options.verticalOffset = options.verticalOffset || 0; + + var el = overlay.el, + content = el.children[0], + content_height = content.clientHeight, + content_width = content.clientWidth; + + switch (options.verticalAlign) { + case 'top': + el.style.top = (pixel.y - content_height + options.verticalOffset) + 'px'; + break; + default: + case 'middle': + el.style.top = (pixel.y - (content_height / 2) + options.verticalOffset) + 'px'; + break; + case 'bottom': + el.style.top = (pixel.y + options.verticalOffset) + 'px'; + break; + } + + switch (options.horizontalAlign) { + case 'left': + el.style.left = (pixel.x - content_width + options.horizontalOffset) + 'px'; + break; + default: + case 'center': + el.style.left = (pixel.x - (content_width / 2) + options.horizontalOffset) + 'px'; + break; + case 'right': + el.style.left = (pixel.x + options.horizontalOffset) + 'px'; + break; + } + + el.style.display = auto_show ? 'block' : 'none'; + + if (!auto_show) { + options.show.apply(this, [el]); + } + }; + + overlay.onRemove = function() { + var el = overlay.el; + + if (options.remove) { + options.remove.apply(this, [el]); + } + else { + overlay.el.parentNode.removeChild(overlay.el); + overlay.el = null; + } + }; + + this.overlays.push(overlay); + return overlay; +}; + +GMaps.prototype.removeOverlay = function(overlay) { + for (var i = 0; i < this.overlays.length; i++) { + if (this.overlays[i] === overlay) { + this.overlays[i].setMap(null); + this.overlays.splice(i, 1); + + break; + } + } +}; + +GMaps.prototype.removeOverlays = function() { + for (var i = 0, item; item = this.overlays[i]; i++) { + item.setMap(null); + } + + this.overlays = []; +}; + +GMaps.prototype.drawPolyline = function(options) { + var path = [], + points = options.path; + + if (points.length) { + if (points[0][0] === undefined) { + path = points; + } + else { + for (var i=0, latlng; latlng=points[i]; i++) { + path.push(new google.maps.LatLng(latlng[0], latlng[1])); + } + } + } + + var polyline_options = { + map: this.map, + path: path, + strokeColor: options.strokeColor, + strokeOpacity: options.strokeOpacity, + strokeWeight: options.strokeWeight, + geodesic: options.geodesic, + clickable: true, + editable: false, + visible: true + }; + + if (options.hasOwnProperty("clickable")) { + polyline_options.clickable = options.clickable; + } + + if (options.hasOwnProperty("editable")) { + polyline_options.editable = options.editable; + } + + if (options.hasOwnProperty("icons")) { + polyline_options.icons = options.icons; + } + + if (options.hasOwnProperty("zIndex")) { + polyline_options.zIndex = options.zIndex; + } + + var polyline = new google.maps.Polyline(polyline_options); + + var polyline_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick']; + + for (var ev = 0; ev < polyline_events.length; ev++) { + (function(object, name) { + if (options[name]) { + google.maps.event.addListener(object, name, function(e){ + options[name].apply(this, [e]); + }); + } + })(polyline, polyline_events[ev]); + } + + this.polylines.push(polyline); + + GMaps.fire('polyline_added', polyline, this); + + return polyline; +}; + +GMaps.prototype.removePolyline = function(polyline) { + for (var i = 0; i < this.polylines.length; i++) { + if (this.polylines[i] === polyline) { + this.polylines[i].setMap(null); + this.polylines.splice(i, 1); + + GMaps.fire('polyline_removed', polyline, this); + + break; + } + } +}; + +GMaps.prototype.removePolylines = function() { + for (var i = 0, item; item = this.polylines[i]; i++) { + item.setMap(null); + } + + this.polylines = []; +}; + +GMaps.prototype.drawCircle = function(options) { + options = extend_object({ + map: this.map, + center: new google.maps.LatLng(options.lat, options.lng) + }, options); + + delete options.lat; + delete options.lng; + + var polygon = new google.maps.Circle(options), + polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick']; + + for (var ev = 0; ev < polygon_events.length; ev++) { + (function(object, name) { + if (options[name]) { + google.maps.event.addListener(object, name, function(e){ + options[name].apply(this, [e]); + }); + } + })(polygon, polygon_events[ev]); + } + + this.polygons.push(polygon); + + return polygon; +}; + +GMaps.prototype.drawRectangle = function(options) { + options = extend_object({ + map: this.map + }, options); + + var latLngBounds = new google.maps.LatLngBounds( + new google.maps.LatLng(options.bounds[0][0], options.bounds[0][1]), + new google.maps.LatLng(options.bounds[1][0], options.bounds[1][1]) + ); + + options.bounds = latLngBounds; + + var polygon = new google.maps.Rectangle(options), + polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick']; + + for (var ev = 0; ev < polygon_events.length; ev++) { + (function(object, name) { + if (options[name]) { + google.maps.event.addListener(object, name, function(e){ + options[name].apply(this, [e]); + }); + } + })(polygon, polygon_events[ev]); + } + + this.polygons.push(polygon); + + return polygon; +}; + +GMaps.prototype.drawPolygon = function(options) { + var useGeoJSON = false; + + if(options.hasOwnProperty("useGeoJSON")) { + useGeoJSON = options.useGeoJSON; + } + + delete options.useGeoJSON; + + options = extend_object({ + map: this.map + }, options); + + if (useGeoJSON == false) { + options.paths = [options.paths.slice(0)]; + } + + if (options.paths.length > 0) { + if (options.paths[0].length > 0) { + options.paths = array_flat(array_map(options.paths, arrayToLatLng, useGeoJSON)); + } + } + + var polygon = new google.maps.Polygon(options), + polygon_events = ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseout', 'mouseover', 'mouseup', 'rightclick']; + + for (var ev = 0; ev < polygon_events.length; ev++) { + (function(object, name) { + if (options[name]) { + google.maps.event.addListener(object, name, function(e){ + options[name].apply(this, [e]); + }); + } + })(polygon, polygon_events[ev]); + } + + this.polygons.push(polygon); + + GMaps.fire('polygon_added', polygon, this); + + return polygon; +}; + +GMaps.prototype.removePolygon = function(polygon) { + for (var i = 0; i < this.polygons.length; i++) { + if (this.polygons[i] === polygon) { + this.polygons[i].setMap(null); + this.polygons.splice(i, 1); + + GMaps.fire('polygon_removed', polygon, this); + + break; + } + } +}; + +GMaps.prototype.removePolygons = function() { + for (var i = 0, item; item = this.polygons[i]; i++) { + item.setMap(null); + } + + this.polygons = []; +}; + +GMaps.prototype.getFromFusionTables = function(options) { + var events = options.events; + + delete options.events; + + var fusion_tables_options = options, + layer = new google.maps.FusionTablesLayer(fusion_tables_options); + + for (var ev in events) { + (function(object, name) { + google.maps.event.addListener(object, name, function(e) { + events[name].apply(this, [e]); + }); + })(layer, ev); + } + + this.layers.push(layer); + + return layer; +}; + +GMaps.prototype.loadFromFusionTables = function(options) { + var layer = this.getFromFusionTables(options); + layer.setMap(this.map); + + return layer; +}; + +GMaps.prototype.getFromKML = function(options) { + var url = options.url, + events = options.events; + + delete options.url; + delete options.events; + + var kml_options = options, + layer = new google.maps.KmlLayer(url, kml_options); + + for (var ev in events) { + (function(object, name) { + google.maps.event.addListener(object, name, function(e) { + events[name].apply(this, [e]); + }); + })(layer, ev); + } + + this.layers.push(layer); + + return layer; +}; + +GMaps.prototype.loadFromKML = function(options) { + var layer = this.getFromKML(options); + layer.setMap(this.map); + + return layer; +}; + +GMaps.prototype.addLayer = function(layerName, options) { + //var default_layers = ['weather', 'clouds', 'traffic', 'transit', 'bicycling', 'panoramio', 'places']; + options = options || {}; + var layer; + + switch(layerName) { + case 'weather': this.singleLayers.weather = layer = new google.maps.weather.WeatherLayer(); + break; + case 'clouds': this.singleLayers.clouds = layer = new google.maps.weather.CloudLayer(); + break; + case 'traffic': this.singleLayers.traffic = layer = new google.maps.TrafficLayer(); + break; + case 'transit': this.singleLayers.transit = layer = new google.maps.TransitLayer(); + break; + case 'bicycling': this.singleLayers.bicycling = layer = new google.maps.BicyclingLayer(); + break; + case 'panoramio': + this.singleLayers.panoramio = layer = new google.maps.panoramio.PanoramioLayer(); + layer.setTag(options.filter); + delete options.filter; + + //click event + if (options.click) { + google.maps.event.addListener(layer, 'click', function(event) { + options.click(event); + delete options.click; + }); + } + break; + case 'places': + this.singleLayers.places = layer = new google.maps.places.PlacesService(this.map); + + //search, nearbySearch, radarSearch callback, Both are the same + if (options.search || options.nearbySearch || options.radarSearch) { + var placeSearchRequest = { + bounds : options.bounds || null, + keyword : options.keyword || null, + location : options.location || null, + name : options.name || null, + radius : options.radius || null, + rankBy : options.rankBy || null, + types : options.types || null + }; + + if (options.radarSearch) { + layer.radarSearch(placeSearchRequest, options.radarSearch); + } + + if (options.search) { + layer.search(placeSearchRequest, options.search); + } + + if (options.nearbySearch) { + layer.nearbySearch(placeSearchRequest, options.nearbySearch); + } + } + + //textSearch callback + if (options.textSearch) { + var textSearchRequest = { + bounds : options.bounds || null, + location : options.location || null, + query : options.query || null, + radius : options.radius || null + }; + + layer.textSearch(textSearchRequest, options.textSearch); + } + break; + } + + if (layer !== undefined) { + if (typeof layer.setOptions == 'function') { + layer.setOptions(options); + } + if (typeof layer.setMap == 'function') { + layer.setMap(this.map); + } + + return layer; + } +}; + +GMaps.prototype.removeLayer = function(layer) { + if (typeof(layer) == "string" && this.singleLayers[layer] !== undefined) { + this.singleLayers[layer].setMap(null); + + delete this.singleLayers[layer]; + } + else { + for (var i = 0; i < this.layers.length; i++) { + if (this.layers[i] === layer) { + this.layers[i].setMap(null); + this.layers.splice(i, 1); + + break; + } + } + } +}; + +var travelMode, unitSystem; + +GMaps.prototype.getRoutes = function(options) { + switch (options.travelMode) { + case 'bicycling': + travelMode = google.maps.TravelMode.BICYCLING; + break; + case 'transit': + travelMode = google.maps.TravelMode.TRANSIT; + break; + case 'driving': + travelMode = google.maps.TravelMode.DRIVING; + break; + default: + travelMode = google.maps.TravelMode.WALKING; + break; + } + + if (options.unitSystem === 'imperial') { + unitSystem = google.maps.UnitSystem.IMPERIAL; + } + else { + unitSystem = google.maps.UnitSystem.METRIC; + } + + var base_options = { + avoidHighways: false, + avoidTolls: false, + optimizeWaypoints: false, + waypoints: [] + }, + request_options = extend_object(base_options, options); + + request_options.origin = /string/.test(typeof options.origin) ? options.origin : new google.maps.LatLng(options.origin[0], options.origin[1]); + request_options.destination = /string/.test(typeof options.destination) ? options.destination : new google.maps.LatLng(options.destination[0], options.destination[1]); + request_options.travelMode = travelMode; + request_options.unitSystem = unitSystem; + + delete request_options.callback; + delete request_options.error; + + var self = this, + service = new google.maps.DirectionsService(); + + service.route(request_options, function(result, status) { + if (status === google.maps.DirectionsStatus.OK) { + for (var r in result.routes) { + if (result.routes.hasOwnProperty(r)) { + self.routes.push(result.routes[r]); + } + } + + if (options.callback) { + options.callback(self.routes); + } + } + else { + if (options.error) { + options.error(result, status); + } + } + }); +}; + +GMaps.prototype.removeRoutes = function() { + this.routes = []; +}; + +GMaps.prototype.getElevations = function(options) { + options = extend_object({ + locations: [], + path : false, + samples : 256 + }, options); + + if (options.locations.length > 0) { + if (options.locations[0].length > 0) { + options.locations = array_flat(array_map([options.locations], arrayToLatLng, false)); + } + } + + var callback = options.callback; + delete options.callback; + + var service = new google.maps.ElevationService(); + + //location request + if (!options.path) { + delete options.path; + delete options.samples; + + service.getElevationForLocations(options, function(result, status) { + if (callback && typeof(callback) === "function") { + callback(result, status); + } + }); + //path request + } else { + var pathRequest = { + path : options.locations, + samples : options.samples + }; + + service.getElevationAlongPath(pathRequest, function(result, status) { + if (callback && typeof(callback) === "function") { + callback(result, status); + } + }); + } +}; + +GMaps.prototype.cleanRoute = GMaps.prototype.removePolylines; + +GMaps.prototype.drawRoute = function(options) { + var self = this; + + this.getRoutes({ + origin: options.origin, + destination: options.destination, + travelMode: options.travelMode, + waypoints: options.waypoints, + unitSystem: options.unitSystem, + error: options.error, + callback: function(e) { + if (e.length > 0) { + self.drawPolyline({ + path: e[e.length - 1].overview_path, + strokeColor: options.strokeColor, + strokeOpacity: options.strokeOpacity, + strokeWeight: options.strokeWeight + }); + + if (options.callback) { + options.callback(e[e.length - 1]); + } + } + } + }); +}; + +GMaps.prototype.travelRoute = function(options) { + if (options.origin && options.destination) { + this.getRoutes({ + origin: options.origin, + destination: options.destination, + travelMode: options.travelMode, + waypoints : options.waypoints, + unitSystem: options.unitSystem, + error: options.error, + callback: function(e) { + //start callback + if (e.length > 0 && options.start) { + options.start(e[e.length - 1]); + } + + //step callback + if (e.length > 0 && options.step) { + var route = e[e.length - 1]; + if (route.legs.length > 0) { + var steps = route.legs[0].steps; + for (var i=0, step; step=steps[i]; i++) { + step.step_number = i; + options.step(step, (route.legs[0].steps.length - 1)); + } + } + } + + //end callback + if (e.length > 0 && options.end) { + options.end(e[e.length - 1]); + } + } + }); + } + else if (options.route) { + if (options.route.legs.length > 0) { + var steps = options.route.legs[0].steps; + for (var i=0, step; step=steps[i]; i++) { + step.step_number = i; + options.step(step); + } + } + } +}; + +GMaps.prototype.drawSteppedRoute = function(options) { + var self = this; + + if (options.origin && options.destination) { + this.getRoutes({ + origin: options.origin, + destination: options.destination, + travelMode: options.travelMode, + waypoints : options.waypoints, + error: options.error, + callback: function(e) { + //start callback + if (e.length > 0 && options.start) { + options.start(e[e.length - 1]); + } + + //step callback + if (e.length > 0 && options.step) { + var route = e[e.length - 1]; + if (route.legs.length > 0) { + var steps = route.legs[0].steps; + for (var i=0, step; step=steps[i]; i++) { + step.step_number = i; + self.drawPolyline({ + path: step.path, + strokeColor: options.strokeColor, + strokeOpacity: options.strokeOpacity, + strokeWeight: options.strokeWeight + }); + options.step(step, (route.legs[0].steps.length - 1)); + } + } + } + + //end callback + if (e.length > 0 && options.end) { + options.end(e[e.length - 1]); + } + } + }); + } + else if (options.route) { + if (options.route.legs.length > 0) { + var steps = options.route.legs[0].steps; + for (var i=0, step; step=steps[i]; i++) { + step.step_number = i; + self.drawPolyline({ + path: step.path, + strokeColor: options.strokeColor, + strokeOpacity: options.strokeOpacity, + strokeWeight: options.strokeWeight + }); + options.step(step); + } + } + } +}; + +GMaps.Route = function(options) { + this.origin = options.origin; + this.destination = options.destination; + this.waypoints = options.waypoints; + + this.map = options.map; + this.route = options.route; + this.step_count = 0; + this.steps = this.route.legs[0].steps; + this.steps_length = this.steps.length; + + this.polyline = this.map.drawPolyline({ + path: new google.maps.MVCArray(), + strokeColor: options.strokeColor, + strokeOpacity: options.strokeOpacity, + strokeWeight: options.strokeWeight + }).getPath(); +}; + +GMaps.Route.prototype.getRoute = function(options) { + var self = this; + + this.map.getRoutes({ + origin : this.origin, + destination : this.destination, + travelMode : options.travelMode, + waypoints : this.waypoints || [], + error: options.error, + callback : function() { + self.route = e[0]; + + if (options.callback) { + options.callback.call(self); + } + } + }); +}; + +GMaps.Route.prototype.back = function() { + if (this.step_count > 0) { + this.step_count--; + var path = this.route.legs[0].steps[this.step_count].path; + + for (var p in path){ + if (path.hasOwnProperty(p)){ + this.polyline.pop(); + } + } + } +}; + +GMaps.Route.prototype.forward = function() { + if (this.step_count < this.steps_length) { + var path = this.route.legs[0].steps[this.step_count].path; + + for (var p in path){ + if (path.hasOwnProperty(p)){ + this.polyline.push(path[p]); + } + } + this.step_count++; + } +}; + +GMaps.prototype.checkGeofence = function(lat, lng, fence) { + return fence.containsLatLng(new google.maps.LatLng(lat, lng)); +}; + +GMaps.prototype.checkMarkerGeofence = function(marker, outside_callback) { + if (marker.fences) { + for (var i = 0, fence; fence = marker.fences[i]; i++) { + var pos = marker.getPosition(); + if (!this.checkGeofence(pos.lat(), pos.lng(), fence)) { + outside_callback(marker, fence); + } + } + } +}; + +GMaps.prototype.toImage = function(options) { + var options = options || {}, + static_map_options = {}; + + static_map_options['size'] = options['size'] || [this.el.clientWidth, this.el.clientHeight]; + static_map_options['lat'] = this.getCenter().lat(); + static_map_options['lng'] = this.getCenter().lng(); + + if (this.markers.length > 0) { + static_map_options['markers'] = []; + + for (var i = 0; i < this.markers.length; i++) { + static_map_options['markers'].push({ + lat: this.markers[i].getPosition().lat(), + lng: this.markers[i].getPosition().lng() + }); + } + } + + if (this.polylines.length > 0) { + var polyline = this.polylines[0]; + + static_map_options['polyline'] = {}; + static_map_options['polyline']['path'] = google.maps.geometry.encoding.encodePath(polyline.getPath()); + static_map_options['polyline']['strokeColor'] = polyline.strokeColor + static_map_options['polyline']['strokeOpacity'] = polyline.strokeOpacity + static_map_options['polyline']['strokeWeight'] = polyline.strokeWeight + } + + return GMaps.staticMapURL(static_map_options); +}; + +GMaps.staticMapURL = function(options){ + var parameters = [], + data, + static_root = 'https://maps.googleapis.com/maps/api/staticmap'; + + if (options.url) { + static_root = options.url; + delete options.url; + } + + static_root += '?'; + + var markers = options.markers; + + delete options.markers; + + if (!markers && options.marker) { + markers = [options.marker]; + delete options.marker; + } + + var styles = options.styles; + + delete options.styles; + + var polyline = options.polyline; + delete options.polyline; + + /** Map options **/ + if (options.center) { + parameters.push('center=' + options.center); + delete options.center; + } + else if (options.address) { + parameters.push('center=' + options.address); + delete options.address; + } + else if (options.lat) { + parameters.push(['center=', options.lat, ',', options.lng].join('')); + delete options.lat; + delete options.lng; + } + else if (options.visible) { + var visible = encodeURI(options.visible.join('|')); + parameters.push('visible=' + visible); + } + + var size = options.size; + if (size) { + if (size.join) { + size = size.join('x'); + } + delete options.size; + } + else { + size = '630x300'; + } + parameters.push('size=' + size); + + if (!options.zoom && options.zoom !== false) { + options.zoom = 15; + } + + var sensor = options.hasOwnProperty('sensor') ? !!options.sensor : true; + delete options.sensor; + parameters.push('sensor=' + sensor); + + for (var param in options) { + if (options.hasOwnProperty(param)) { + parameters.push(param + '=' + options[param]); + } + } + + /** Markers **/ + if (markers) { + var marker, loc; + + for (var i=0; data=markers[i]; i++) { + marker = []; + + if (data.size && data.size !== 'normal') { + marker.push('size:' + data.size); + delete data.size; + } + else if (data.icon) { + marker.push('icon:' + encodeURI(data.icon)); + delete data.icon; + } + + if (data.color) { + marker.push('color:' + data.color.replace('#', '0x')); + delete data.color; + } + + if (data.label) { + marker.push('label:' + data.label[0].toUpperCase()); + delete data.label; + } + + loc = (data.address ? data.address : data.lat + ',' + data.lng); + delete data.address; + delete data.lat; + delete data.lng; + + for(var param in data){ + if (data.hasOwnProperty(param)) { + marker.push(param + ':' + data[param]); + } + } + + if (marker.length || i === 0) { + marker.push(loc); + marker = marker.join('|'); + parameters.push('markers=' + encodeURI(marker)); + } + // New marker without styles + else { + marker = parameters.pop() + encodeURI('|' + loc); + parameters.push(marker); + } + } + } + + /** Map Styles **/ + if (styles) { + for (var i = 0; i < styles.length; i++) { + var styleRule = []; + if (styles[i].featureType){ + styleRule.push('feature:' + styles[i].featureType.toLowerCase()); + } + + if (styles[i].elementType) { + styleRule.push('element:' + styles[i].elementType.toLowerCase()); + } + + for (var j = 0; j < styles[i].stylers.length; j++) { + for (var p in styles[i].stylers[j]) { + var ruleArg = styles[i].stylers[j][p]; + if (p == 'hue' || p == 'color') { + ruleArg = '0x' + ruleArg.substring(1); + } + styleRule.push(p + ':' + ruleArg); + } + } + + var rule = styleRule.join('|'); + if (rule != '') { + parameters.push('style=' + rule); + } + } + } + + /** Polylines **/ + function parseColor(color, opacity) { + if (color[0] === '#'){ + color = color.replace('#', '0x'); + + if (opacity) { + opacity = parseFloat(opacity); + opacity = Math.min(1, Math.max(opacity, 0)); + if (opacity === 0) { + return '0x00000000'; + } + opacity = (opacity * 255).toString(16); + if (opacity.length === 1) { + opacity += opacity; + } + + color = color.slice(0,8) + opacity; + } + } + return color; + } + + if (polyline) { + data = polyline; + polyline = []; + + if (data.strokeWeight) { + polyline.push('weight:' + parseInt(data.strokeWeight, 10)); + } + + if (data.strokeColor) { + var color = parseColor(data.strokeColor, data.strokeOpacity); + polyline.push('color:' + color); + } + + if (data.fillColor) { + var fillcolor = parseColor(data.fillColor, data.fillOpacity); + polyline.push('fillcolor:' + fillcolor); + } + + var path = data.path; + if (path.join) { + for (var j=0, pos; pos=path[j]; j++) { + polyline.push(pos.join(',')); + } + } + else { + polyline.push('enc:' + path); + } + + polyline = polyline.join('|'); + parameters.push('path=' + encodeURI(polyline)); + } + + /** Retina support **/ + var dpi = window.devicePixelRatio || 1; + parameters.push('scale=' + dpi); + + parameters = parameters.join('&'); + return static_root + parameters; +}; + +GMaps.prototype.addMapType = function(mapTypeId, options) { + if (options.hasOwnProperty("getTileUrl") && typeof(options["getTileUrl"]) == "function") { + options.tileSize = options.tileSize || new google.maps.Size(256, 256); + + var mapType = new google.maps.ImageMapType(options); + + this.map.mapTypes.set(mapTypeId, mapType); + } + else { + throw "'getTileUrl' function required."; + } +}; + +GMaps.prototype.addOverlayMapType = function(options) { + if (options.hasOwnProperty("getTile") && typeof(options["getTile"]) == "function") { + var overlayMapTypeIndex = options.index; + + delete options.index; + + this.map.overlayMapTypes.insertAt(overlayMapTypeIndex, options); + } + else { + throw "'getTile' function required."; + } +}; + +GMaps.prototype.removeOverlayMapType = function(overlayMapTypeIndex) { + this.map.overlayMapTypes.removeAt(overlayMapTypeIndex); +}; + +GMaps.prototype.addStyle = function(options) { + var styledMapType = new google.maps.StyledMapType(options.styles, { name: options.styledMapName }); + + this.map.mapTypes.set(options.mapTypeId, styledMapType); +}; + +GMaps.prototype.setStyle = function(mapTypeId) { + this.map.setMapTypeId(mapTypeId); +}; + +GMaps.prototype.createPanorama = function(streetview_options) { + if (!streetview_options.hasOwnProperty('lat') || !streetview_options.hasOwnProperty('lng')) { + streetview_options.lat = this.getCenter().lat(); + streetview_options.lng = this.getCenter().lng(); + } + + this.panorama = GMaps.createPanorama(streetview_options); + + this.map.setStreetView(this.panorama); + + return this.panorama; +}; + +GMaps.createPanorama = function(options) { + var el = getElementById(options.el, options.context); + + options.position = new google.maps.LatLng(options.lat, options.lng); + + delete options.el; + delete options.context; + delete options.lat; + delete options.lng; + + var streetview_events = ['closeclick', 'links_changed', 'pano_changed', 'position_changed', 'pov_changed', 'resize', 'visible_changed'], + streetview_options = extend_object({visible : true}, options); + + for (var i = 0; i < streetview_events.length; i++) { + delete streetview_options[streetview_events[i]]; + } + + var panorama = new google.maps.StreetViewPanorama(el, streetview_options); + + for (var i = 0; i < streetview_events.length; i++) { + (function(object, name) { + if (options[name]) { + google.maps.event.addListener(object, name, function(){ + options[name].apply(this); + }); + } + })(panorama, streetview_events[i]); + } + + return panorama; +}; + +GMaps.prototype.on = function(event_name, handler) { + return GMaps.on(event_name, this, handler); +}; + +GMaps.prototype.off = function(event_name) { + GMaps.off(event_name, this); +}; + +GMaps.custom_events = ['marker_added', 'marker_removed', 'polyline_added', 'polyline_removed', 'polygon_added', 'polygon_removed', 'geolocated', 'geolocation_failed']; + +GMaps.on = function(event_name, object, handler) { + if (GMaps.custom_events.indexOf(event_name) == -1) { + if(object instanceof GMaps) object = object.map; + return google.maps.event.addListener(object, event_name, handler); + } + else { + var registered_event = { + handler : handler, + eventName : event_name + }; + + object.registered_events[event_name] = object.registered_events[event_name] || []; + object.registered_events[event_name].push(registered_event); + + return registered_event; + } +}; + +GMaps.off = function(event_name, object) { + if (GMaps.custom_events.indexOf(event_name) == -1) { + if(object instanceof GMaps) object = object.map; + google.maps.event.clearListeners(object, event_name); + } + else { + object.registered_events[event_name] = []; + } +}; + +GMaps.fire = function(event_name, object, scope) { + if (GMaps.custom_events.indexOf(event_name) == -1) { + google.maps.event.trigger(object, event_name, Array.prototype.slice.apply(arguments).slice(2)); + } + else { + if(event_name in scope.registered_events) { + var firing_events = scope.registered_events[event_name]; + + for(var i = 0; i < firing_events.length; i++) { + (function(handler, scope, object) { + handler.apply(scope, [object]); + })(firing_events[i]['handler'], scope, object); + } + } + } +}; + +GMaps.geolocate = function(options) { + var complete_callback = options.always || options.complete; + + if (navigator.geolocation) { + navigator.geolocation.getCurrentPosition(function(position) { + options.success(position); + + if (complete_callback) { + complete_callback(); + } + }, function(error) { + options.error(error); + + if (complete_callback) { + complete_callback(); + } + }, options.options); + } + else { + options.not_supported(); + + if (complete_callback) { + complete_callback(); + } + } +}; + +GMaps.geocode = function(options) { + this.geocoder = new google.maps.Geocoder(); + var callback = options.callback; + if (options.hasOwnProperty('lat') && options.hasOwnProperty('lng')) { + options.latLng = new google.maps.LatLng(options.lat, options.lng); + } + + delete options.lat; + delete options.lng; + delete options.callback; + + this.geocoder.geocode(options, function(results, status) { + callback(results, status); + }); +}; + +//========================== +// Polygon containsLatLng +// https://github.com/tparkin/Google-Maps-Point-in-Polygon +// Poygon getBounds extension - google-maps-extensions +// http://code.google.com/p/google-maps-extensions/source/browse/google.maps.Polygon.getBounds.js +if (!google.maps.Polygon.prototype.getBounds) { + google.maps.Polygon.prototype.getBounds = function(latLng) { + var bounds = new google.maps.LatLngBounds(); + var paths = this.getPaths(); + var path; + + for (var p = 0; p < paths.getLength(); p++) { + path = paths.getAt(p); + for (var i = 0; i < path.getLength(); i++) { + bounds.extend(path.getAt(i)); + } + } + + return bounds; + }; +} + +if (!google.maps.Polygon.prototype.containsLatLng) { + // Polygon containsLatLng - method to determine if a latLng is within a polygon + google.maps.Polygon.prototype.containsLatLng = function(latLng) { + // Exclude points outside of bounds as there is no way they are in the poly + var bounds = this.getBounds(); + + if (bounds !== null && !bounds.contains(latLng)) { + return false; + } + + // Raycast point in polygon method + var inPoly = false; + + var numPaths = this.getPaths().getLength(); + for (var p = 0; p < numPaths; p++) { + var path = this.getPaths().getAt(p); + var numPoints = path.getLength(); + var j = numPoints - 1; + + for (var i = 0; i < numPoints; i++) { + var vertex1 = path.getAt(i); + var vertex2 = path.getAt(j); + + if (vertex1.lng() < latLng.lng() && vertex2.lng() >= latLng.lng() || vertex2.lng() < latLng.lng() && vertex1.lng() >= latLng.lng()) { + if (vertex1.lat() + (latLng.lng() - vertex1.lng()) / (vertex2.lng() - vertex1.lng()) * (vertex2.lat() - vertex1.lat()) < latLng.lat()) { + inPoly = !inPoly; + } + } + + j = i; + } + } + + return inPoly; + }; +} + +if (!google.maps.Circle.prototype.containsLatLng) { + google.maps.Circle.prototype.containsLatLng = function(latLng) { + if (google.maps.geometry) { + return google.maps.geometry.spherical.computeDistanceBetween(this.getCenter(), latLng) <= this.getRadius(); + } + else { + return true; + } + }; +} + +google.maps.LatLngBounds.prototype.containsLatLng = function(latLng) { + return this.contains(latLng); +}; + +google.maps.Marker.prototype.setFences = function(fences) { + this.fences = fences; +}; + +google.maps.Marker.prototype.addFence = function(fence) { + this.fences.push(fence); +}; + +google.maps.Marker.prototype.getId = function() { + return this['__gm_id']; +}; + +//========================== +// Array indexOf +// https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/indexOf +if (!Array.prototype.indexOf) { + Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) { + "use strict"; + if (this == null) { + throw new TypeError(); + } + var t = Object(this); + var len = t.length >>> 0; + if (len === 0) { + return -1; + } + var n = 0; + if (arguments.length > 1) { + n = Number(arguments[1]); + if (n != n) { // shortcut for verifying if it's NaN + n = 0; + } else if (n != 0 && n != Infinity && n != -Infinity) { + n = (n > 0 || -1) * Math.floor(Math.abs(n)); + } + } + if (n >= len) { + return -1; + } + var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0); + for (; k < len; k++) { + if (k in t && t[k] === searchElement) { + return k; + } + } + return -1; + } +} + +return GMaps; +})); diff --git a/public/js/owl.carousel.min.js b/public/js/owl.carousel.min.js new file mode 100644 index 0000000..98ae16e --- /dev/null +++ b/public/js/owl.carousel.min.js @@ -0,0 +1 @@ +eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7(A 3c.3q!=="9"){3c.3q=9(e){9 t(){}t.5S=e;p 5R t}}(9(e,t,n){h r={1N:9(t,n){h r=c;r.$k=e(n);r.6=e.4M({},e.37.2B.6,r.$k.v(),t);r.2A=t;r.4L()},4L:9(){9 r(e){h n,r="";7(A t.6.33==="9"){t.6.33.R(c,[e])}l{1A(n 38 e.d){7(e.d.5M(n)){r+=e.d[n].1K}}t.$k.2y(r)}t.3t()}h t=c,n;7(A t.6.2H==="9"){t.6.2H.R(c,[t.$k])}7(A t.6.2O==="2Y"){n=t.6.2O;e.5K(n,r)}l{t.3t()}},3t:9(){h e=c;e.$k.v("d-4I",e.$k.2x("2w")).v("d-4F",e.$k.2x("H"));e.$k.z({2u:0});e.2t=e.6.q;e.4E();e.5v=0;e.1X=14;e.23()},23:9(){h e=c;7(e.$k.25().N===0){p b}e.1M();e.4C();e.$S=e.$k.25();e.E=e.$S.N;e.4B();e.$G=e.$k.17(".d-1K");e.$K=e.$k.17(".d-1p");e.3u="U";e.13=0;e.26=[0];e.m=0;e.4A();e.4z()},4z:9(){h e=c;e.2V();e.2W();e.4t();e.30();e.4r();e.4q();e.2p();e.4o();7(e.6.2o!==b){e.4n(e.6.2o)}7(e.6.O===j){e.6.O=4Q}e.19();e.$k.17(".d-1p").z("4i","4h");7(!e.$k.2m(":3n")){e.3o()}l{e.$k.z("2u",1)}e.5O=b;e.2l();7(A e.6.3s==="9"){e.6.3s.R(c,[e.$k])}},2l:9(){h e=c;7(e.6.1Z===j){e.1Z()}7(e.6.1B===j){e.1B()}e.4g();7(A e.6.3w==="9"){e.6.3w.R(c,[e.$k])}},3x:9(){h e=c;7(A e.6.3B==="9"){e.6.3B.R(c,[e.$k])}e.3o();e.2V();e.2W();e.4f();e.30();e.2l();7(A e.6.3D==="9"){e.6.3D.R(c,[e.$k])}},3F:9(){h e=c;t.1c(9(){e.3x()},0)},3o:9(){h e=c;7(e.$k.2m(":3n")===b){e.$k.z({2u:0});t.18(e.1C);t.18(e.1X)}l{p b}e.1X=t.4d(9(){7(e.$k.2m(":3n")){e.3F();e.$k.4b({2u:1},2M);t.18(e.1X)}},5x)},4B:9(){h e=c;e.$S.5n(\'\').4a(\'\');e.$k.17(".d-1p").4a(\'\');e.1H=e.$k.17(".d-1p-49");e.$k.z("4i","4h")},1M:9(){h e=c,t=e.$k.1I(e.6.1M),n=e.$k.1I(e.6.2i);7(!t){e.$k.I(e.6.1M)}7(!n){e.$k.I(e.6.2i)}},2V:9(){h t=c,n,r;7(t.6.2Z===b){p b}7(t.6.48===j){t.6.q=t.2t=1;t.6.1h=b;t.6.1s=b;t.6.1O=b;t.6.22=b;t.6.1Q=b;t.6.1R=b;p b}n=e(t.6.47).1f();7(n>(t.6.1s[0]||t.2t)){t.6.q=t.2t}7(t.6.1h!==b){t.6.1h.5g(9(e,t){p e[0]-t[0]});1A(r=0;rt.E&&t.6.46===j){t.6.q=t.E}},4r:9(){h n=c,r,i;7(n.6.2Z!==j){p b}i=e(t).1f();n.3d=9(){7(e(t).1f()!==i){7(n.6.O!==b){t.18(n.1C)}t.5d(r);r=t.1c(9(){i=e(t).1f();n.3x()},n.6.45)}};e(t).44(n.3d)},4f:9(){h e=c;e.2g(e.m);7(e.6.O!==b){e.3j()}},43:9(){h t=c,n=0,r=t.E-t.6.q;t.$G.2f(9(i){h s=e(c);s.z({1f:t.M}).v("d-1K",3p(i));7(i%t.6.q===0||i===r){7(!(i>r)){n+=1}}s.v("d-24",n)})},42:9(){h e=c,t=e.$G.N*e.M;e.$K.z({1f:t*2,T:0});e.43()},2W:9(){h e=c;e.40();e.42();e.3Z();e.3v()},40:9(){h e=c;e.M=1F.4O(e.$k.1f()/e.6.q)},3v:9(){h e=c,t=(e.E*e.M-e.6.q*e.M)*-1;7(e.6.q>e.E){e.D=0;t=0;e.3z=0}l{e.D=e.E-e.6.q;e.3z=t}p t},3Y:9(){p 0},3Z:9(){h t=c,n=0,r=0,i,s,o;t.J=[0];t.3E=[];1A(i=0;i\').5m("5l",!t.F.15).5c(t.$k)}7(t.6.1v===j){t.3T()}7(t.6.2a===j){t.3S()}},3S:9(){h t=c,n=e(\'\');t.B.1o(n);t.1u=e("",{"H":"d-1n",2y:t.6.2U[0]||""});t.1q=e("",{"H":"d-U",2y:t.6.2U[1]||""});n.1o(t.1u).1o(t.1q);n.w("2X.B 21.B",\'L[H^="d"]\',9(e){e.1l()});n.w("2n.B 28.B",\'L[H^="d"]\',9(n){n.1l();7(e(c).1I("d-U")){t.U()}l{t.1n()}})},3T:9(){h t=c;t.1k=e(\'\');t.B.1o(t.1k);t.1k.w("2n.B 28.B",".d-1j",9(n){n.1l();7(3p(e(c).v("d-1j"))!==t.m){t.1g(3p(e(c).v("d-1j")),j)}})},3P:9(){h t=c,n,r,i,s,o,u;7(t.6.1v===b){p b}t.1k.2y("");n=0;r=t.E-t.E%t.6.q;1A(s=0;s",{"H":"d-1j"});u=e("<3N>",{4R:t.6.39===j?n:"","H":t.6.39===j?"d-59":""});o.1o(u);o.v("d-1j",r===s?i:s);o.v("d-24",n);t.1k.1o(o)}}t.35()},35:9(){h t=c;7(t.6.1v===b){p b}t.1k.17(".d-1j").2f(9(){7(e(c).v("d-24")===e(t.$G[t.m]).v("d-24")){t.1k.17(".d-1j").Z("2d");e(c).I("2d")}})},3e:9(){h e=c;7(e.6.2a===b){p b}7(e.6.2e===b){7(e.m===0&&e.D===0){e.1u.I("1b");e.1q.I("1b")}l 7(e.m===0&&e.D!==0){e.1u.I("1b");e.1q.Z("1b")}l 7(e.m===e.D){e.1u.Z("1b");e.1q.I("1b")}l 7(e.m!==0&&e.m!==e.D){e.1u.Z("1b");e.1q.Z("1b")}}},30:9(){h e=c;e.3P();e.3e();7(e.B){7(e.6.q>=e.E){e.B.3K()}l{e.B.3J()}}},55:9(){h e=c;7(e.B){e.B.3k()}},U:9(e){h t=c;7(t.1E){p b}t.m+=t.6.12===j?t.6.q:1;7(t.m>t.D+(t.6.12===j?t.6.q-1:0)){7(t.6.2e===j){t.m=0;e="2k"}l{t.m=t.D;p b}}t.1g(t.m,e)},1n:9(e){h t=c;7(t.1E){p b}7(t.6.12===j&&t.m>0&&t.m=i.D){e=i.D}l 7(e<=0){e=0}i.m=i.d.m=e;7(i.6.2o!==b&&r!=="4e"&&i.6.q===1&&i.F.1x===j){i.1t(0);7(i.F.1x===j){i.1L(i.J[e])}l{i.1r(i.J[e],1)}i.2r();i.4l();p b}s=i.J[e];7(i.F.1x===j){i.1T=b;7(n===j){i.1t("1w");t.1c(9(){i.1T=j},i.6.1w)}l 7(n==="2k"){i.1t(i.6.2v);t.1c(9(){i.1T=j},i.6.2v)}l{i.1t("1m");t.1c(9(){i.1T=j},i.6.1m)}i.1L(s)}l{7(n===j){i.1r(s,i.6.1w)}l 7(n==="2k"){i.1r(s,i.6.2v)}l{i.1r(s,i.6.1m)}}i.2r()},2g:9(e){h t=c;7(A t.6.1Y==="9"){t.6.1Y.R(c,[t.$k])}7(e>=t.D||e===-1){e=t.D}l 7(e<=0){e=0}t.1t(0);7(t.F.1x===j){t.1L(t.J[e])}l{t.1r(t.J[e],1)}t.m=t.d.m=e;t.2r()},2r:9(){h e=c;e.26.2D(e.m);e.13=e.d.13=e.26[e.26.N-2];e.26.5f(0);7(e.13!==e.m){e.35();e.3e();e.2l();7(e.6.O!==b){e.3j()}}7(A e.6.3y==="9"&&e.13!==e.m){e.6.3y.R(c,[e.$k])}},X:9(){h e=c;e.3A="X";t.18(e.1C)},3j:9(){h e=c;7(e.3A!=="X"){e.19()}},19:9(){h e=c;e.3A="19";7(e.6.O===b){p b}t.18(e.1C);e.1C=t.4d(9(){e.U(j)},e.6.O)},1t:9(e){h t=c;7(e==="1m"){t.$K.z(t.2z(t.6.1m))}l 7(e==="1w"){t.$K.z(t.2z(t.6.1w))}l 7(A e!=="2Y"){t.$K.z(t.2z(e))}},2z:9(e){p{"-1G-1a":"2C "+e+"1z 2s","-1W-1a":"2C "+e+"1z 2s","-o-1a":"2C "+e+"1z 2s",1a:"2C "+e+"1z 2s"}},3H:9(){p{"-1G-1a":"","-1W-1a":"","-o-1a":"",1a:""}},3I:9(e){p{"-1G-P":"1i("+e+"V, C, C)","-1W-P":"1i("+e+"V, C, C)","-o-P":"1i("+e+"V, C, C)","-1z-P":"1i("+e+"V, C, C)",P:"1i("+e+"V, C,C)"}},1L:9(e){h t=c;t.$K.z(t.3I(e))},3L:9(e){h t=c;t.$K.z({T:e})},1r:9(e,t){h n=c;n.29=b;n.$K.X(j,j).4b({T:e},{54:t||n.6.1m,3M:9(){n.29=j}})},4E:9(){h e=c,r="1i(C, C, C)",i=n.56("L"),s,o,u,a;i.2w.3O=" -1W-P:"+r+"; -1z-P:"+r+"; -o-P:"+r+"; -1G-P:"+r+"; P:"+r;s=/1i\\(C, C, C\\)/g;o=i.2w.3O.5i(s);u=o!==14&&o.N===1;a="5z"38 t||t.5Q.4P;e.F={1x:u,15:a}},4q:9(){h e=c;7(e.6.27!==b||e.6.1U!==b){e.3Q();e.3R()}},4C:9(){h e=c,t=["s","e","x"];e.16={};7(e.6.27===j&&e.6.1U===j){t=["2X.d 21.d","2N.d 3U.d","2n.d 3V.d 28.d"]}l 7(e.6.27===b&&e.6.1U===j){t=["2X.d","2N.d","2n.d 3V.d"]}l 7(e.6.27===j&&e.6.1U===b){t=["21.d","3U.d","28.d"]}e.16.3W=t[0];e.16.2K=t[1];e.16.2J=t[2]},3R:9(){h t=c;t.$k.w("5y.d",9(e){e.1l()});t.$k.w("21.3X",9(t){p e(t.1d).2m("5C, 5E, 5F, 5N")})},3Q:9(){9 s(e){7(e.2b!==W){p{x:e.2b[0].2c,y:e.2b[0].41}}7(e.2b===W){7(e.2c!==W){p{x:e.2c,y:e.41}}7(e.2c===W){p{x:e.52,y:e.53}}}}9 o(t){7(t==="w"){e(n).w(r.16.2K,a);e(n).w(r.16.2J,f)}l 7(t==="Q"){e(n).Q(r.16.2K);e(n).Q(r.16.2J)}}9 u(n){h u=n.3h||n||t.3g,a;7(u.5a===3){p b}7(r.E<=r.6.q){p}7(r.29===b&&!r.6.3f){p b}7(r.1T===b&&!r.6.3f){p b}7(r.6.O!==b){t.18(r.1C)}7(r.F.15!==j&&!r.$K.1I("3b")){r.$K.I("3b")}r.11=0;r.Y=0;e(c).z(r.3H());a=e(c).2h();i.2S=a.T;i.2R=s(u).x-a.T;i.2P=s(u).y-a.5o;o("w");i.2j=b;i.2L=u.1d||u.4c}9 a(o){h u=o.3h||o||t.3g,a,f;r.11=s(u).x-i.2R;r.2I=s(u).y-i.2P;r.Y=r.11-i.2S;7(A r.6.2E==="9"&&i.3C!==j&&r.Y!==0){i.3C=j;r.6.2E.R(r,[r.$k])}7((r.Y>8||r.Y<-8)&&r.F.15===j){7(u.1l!==W){u.1l()}l{u.5L=b}i.2j=j}7((r.2I>10||r.2I<-10)&&i.2j===b){e(n).Q("2N.d")}a=9(){p r.Y/5};f=9(){p r.3z+r.Y/5};r.11=1F.3v(1F.3Y(r.11,a()),f());7(r.F.1x===j){r.1L(r.11)}l{r.3L(r.11)}}9 f(n){h s=n.3h||n||t.3g,u,a,f;s.1d=s.1d||s.4c;i.3C=b;7(r.F.15!==j){r.$K.Z("3b")}7(r.Y<0){r.1y=r.d.1y="T"}l{r.1y=r.d.1y="3i"}7(r.Y!==0){u=r.4j();r.1g(u,b,"4e");7(i.2L===s.1d&&r.F.15!==j){e(s.1d).w("3a.4k",9(t){t.4S();t.4T();t.1l();e(t.1d).Q("3a.4k")});a=e.4N(s.1d,"4V").3a;f=a.4W();a.4X(0,0,f)}}o("Q")}h r=c,i={2R:0,2P:0,4Y:0,2S:0,2h:14,4Z:14,50:14,2j:14,51:14,2L:14};r.29=j;r.$k.w(r.16.3W,".d-1p",u)},4j:9(){h e=c,t=e.4m();7(t>e.D){e.m=e.D;t=e.D}l 7(e.11>=0){t=0;e.m=0}p t},4m:9(){h t=c,n=t.6.12===j?t.3E:t.J,r=t.11,i=14;e.2f(n,9(s,o){7(r-t.M/20>n[s+1]&&r-t.M/20(n[s+1]||n[s]-t.M)&&t.34()==="3i"){7(t.6.12===j){i=n[s+1]||n[n.N-1];t.m=e.4p(i,t.J)}l{i=n[s+1];t.m=s+1}}});p t.m},34:9(){h e=c,t;7(e.Y<0){t="3i";e.3u="U"}l{t="T";e.3u="1n"}p t},4A:9(){h e=c;e.$k.w("d.U",9(){e.U()});e.$k.w("d.1n",9(){e.1n()});e.$k.w("d.19",9(t,n){e.6.O=n;e.19();e.32="19"});e.$k.w("d.X",9(){e.X();e.32="X"});e.$k.w("d.1g",9(t,n){e.1g(n)});e.$k.w("d.2g",9(t,n){e.2g(n)})},2p:9(){h e=c;7(e.6.2p===j&&e.F.15!==j&&e.6.O!==b){e.$k.w("57",9(){e.X()});e.$k.w("58",9(){7(e.32!=="X"){e.19()}})}},1Z:9(){h t=c,n,r,i,s,o;7(t.6.1Z===b){p b}1A(n=0;n=t.m}l{o=j}7(o&&i=n.$S.N||r===-1){n.$S.1S(-1).5X(e)}l{n.$S.1S(r).5Y(e)}n.23()},5Z:9(e){h t=c,n;7(t.$k.25().N===0){p b}7(e===W||e===-1){n=-1}l{n=e}t.1V();t.$S.1S(n).3k();t.23()}};e.37.2B=9(t){p c.2f(9(){7(e(c).v("d-1N")===j){p b}e(c).v("d-1N",j);h n=3c.3q(r);n.1N(t,c);e.v(c,"2B",n)})};e.37.2B.6={q:5,1h:b,1s:[60,4],1O:[61,3],22:[62,2],1Q:b,1R:[63,1],48:b,46:b,1m:2M,1w:64,2v:65,O:b,2p:b,2a:b,2U:["1n","U"],2e:j,12:b,1v:j,39:b,2Z:j,45:2M,47:t,1M:"d-66",2i:"d-2i",1Z:b,4v:j,4x:"4y",1B:b,2O:b,33:b,3f:j,27:j,1U:j,2F:b,2o:b,3B:b,3D:b,2H:b,3s:b,1Y:b,3y:b,3w:b,2E:b,2T:b}})(67,68,69)',62,382,'||||||options|if||function||false|this|owl||||var||true|elem|else|currentItem|||return|items|||||data|on|||css|typeof|owlControls|0px|maximumItem|itemsAmount|browser|owlItems|class|addClass|positionsInArray|owlWrapper|div|itemWidth|length|autoPlay|transform|off|apply|userItems|left|next|px|undefined|stop|newRelativeX|removeClass||newPosX|scrollPerPage|prevItem|null|isTouch|ev_types|find|clearInterval|play|transition|disabled|setTimeout|target|loaded|width|goTo|itemsCustom|translate3d|page|paginationWrapper|preventDefault|slideSpeed|prev|append|wrapper|buttonNext|css2slide|itemsDesktop|swapSpeed|buttonPrev|pagination|paginationSpeed|support3d|dragDirection|ms|for|autoHeight|autoPlayInterval|visibleItems|isTransition|Math|webkit|wrapperOuter|hasClass|src|item|transition3d|baseClass|init|itemsDesktopSmall|origin|itemsTabletSmall|itemsMobile|eq|isCss3Finish|touchDrag|unWrap|moz|checkVisible|beforeMove|lazyLoad||mousedown|itemsTablet|setVars|roundPages|children|prevArr|mouseDrag|mouseup|isCssFinish|navigation|touches|pageX|active|rewindNav|each|jumpTo|position|theme|sliding|rewind|eachMoveUpdate|is|touchend|transitionStyle|stopOnHover|100|afterGo|ease|orignalItems|opacity|rewindSpeed|style|attr|html|addCssSpeed|userOptions|owlCarousel|all|push|startDragging|addClassActive|height|beforeInit|newPosY|end|move|targetElement|200|touchmove|jsonPath|offsetY|completeImg|offsetX|relativePos|afterLazyLoad|navigationText|updateItems|calculateAll|touchstart|string|responsive|updateControls|clearTransStyle|hoverStatus|jsonSuccess|moveDirection|checkPagination|endCurrent|fn|in|paginationNumbers|click|grabbing|Object|resizer|checkNavigation|dragBeforeAnimFinish|event|originalEvent|right|checkAp|remove|get|endPrev|visible|watchVisibility|Number|create|unwrap|afterInit|logIn|playDirection|max|afterAction|updateVars|afterMove|maximumPixels|apStatus|beforeUpdate|dragging|afterUpdate|pagesInArray|reload|clearEvents|removeTransition|doTranslate|show|hide|css2move|complete|span|cssText|updatePagination|gestures|disabledEvents|buildButtons|buildPagination|mousemove|touchcancel|start|disableTextSelect|min|loops|calculateWidth|pageY|appendWrapperSizes|appendItemsSizes|resize|responsiveRefreshRate|itemsScaleUp|responsiveBaseWidth|singleItem|outer|wrap|animate|srcElement|setInterval|drag|updatePosition|onVisibleItems|block|display|getNewPosition|disable|singleItemTransition|closestItem|transitionTypes|owlStatus|inArray|moveEvents|response|continue|buildControls|loading|lazyFollow|lazyPreload|lazyEffect|fade|onStartup|customEvents|wrapItems|eventTypes|naturalWidth|checkBrowser|originalClasses|outClass|inClass|originalStyles|abs|perspective|loadContent|extend|_data|round|msMaxTouchPoints|5e3|text|stopImmediatePropagation|stopPropagation|buttons|events|pop|splice|baseElWidth|minSwipe|maxSwipe|dargging|clientX|clientY|duration|destroyControls|createElement|mouseover|mouseout|numbers|which|lazyOwl|appendTo|clearTimeout|checked|shift|sort|removeAttr|match|fadeIn|400|clickable|toggleClass|wrapAll|top|prop|tagName|DIV|background|image|url|wrapperWidth|img|500|dragstart|ontouchstart|controls|out|input|relative|textarea|select|webkitAnimationEnd|oAnimationEnd|MSAnimationEnd|animationend|getJSON|returnValue|hasOwnProperty|option|onstartup|baseElement|navigator|new|prototype|destroy|removeData|reinit|addItem|after|before|removeItem|1199|979|768|479|800|1e3|carousel|jQuery|window|document'.split('|'),0,{})) \ No newline at end of file diff --git a/public/js/respond.min.js b/public/js/respond.min.js new file mode 100644 index 0000000..835b161 --- /dev/null +++ b/public/js/respond.min.js @@ -0,0 +1,6 @@ +/*! Respond.js v1.4.2: min/max-width media query polyfill + * Copyright 2014 Scott Jehl + * Licensed under MIT + * http://j.mp/respondjs */ + +!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b + + + / + + + + + + diff --git a/public/sitemap.xml b/public/sitemap.xml new file mode 100644 index 0000000..7298204 --- /dev/null +++ b/public/sitemap.xml @@ -0,0 +1,95 @@ + + + + /authors/ + 2021-05-12T20:48:20+00:00 + + /tags/autonomous-guide/ + 2021-05-12T20:48:20+00:00 + + /blog/ + 2021-05-12T20:48:20+00:00 + + /categories/ + 2021-05-12T20:48:20+00:00 + + /authors/giuseppe-mantineo/ + 2021-05-12T20:48:20+00:00 + + /tags/ia/ + 2021-05-12T20:48:20+00:00 + + /categories/ia/ + 2021-05-12T20:48:20+00:00 + + /tags/machine-learning/ + 2021-05-12T20:48:20+00:00 + + /tags/programming/ + 2021-05-12T20:48:20+00:00 + + /tags/ + 2021-05-12T20:48:20+00:00 + + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + 2021-05-12T20:48:20+00:00 + + / + 2021-05-12T20:48:20+00:00 + + /tags/ecologia/ + 2021-04-25T22:00:00+00:00 + + /categories/electric-mobility/ + 2021-04-25T22:00:00+00:00 + + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + 2021-04-25T22:00:00+00:00 + + /authors/mauro-cannistr%C3%A0/ + 2021-04-25T22:00:00+00:00 + + /tags/motore-elettrico/ + 2021-04-25T22:00:00+00:00 + + /tags/elettrico/ + 2021-03-31T07:00:20+00:00 + + /tags/formusa-student/ + 2021-03-31T07:00:20+00:00 + + /tags/storia/ + 2021-03-31T07:00:20+00:00 + + /blog/2021/03/31/linked-post-copy-1/ + 2021-03-31T07:00:20+00:00 + + /tags/formula-student/ + 2021-03-16T08:00:00+00:00 + + /tags/messina/ + 2021-03-16T08:00:00+00:00 + + /categories/team/ + 2021-03-16T08:00:00+00:00 + + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + 2021-03-16T08:00:00+00:00 + + /tags/unime/ + 2021-03-16T08:00:00+00:00 + + /about-us/ + + /contact/ + + /faq/ + + /formula-sae/ + + /il-team-2022-2023/ + + /support-us/ + + diff --git a/public/support-us/index.html b/public/support-us/index.html new file mode 100644 index 0000000..3ac43d9 --- /dev/null +++ b/public/support-us/index.html @@ -0,0 +1,518 @@ + + + + + + + + + +Support us + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Support us

    +
    +
    +
    +
    + + +
    + + +
    + +
    + +
    + +
    +

    Cosa offriamo?

    +
      +
    1. +

      Potrete avere l’opportunità do esporre il vostro logo sulla livrea della macchina, rendendolo così visibile durante gare ed eventi. Il prototipo viene anchepresentato in esposizioni di particolare rilievo, quali fiere ed eventi del settore,organizzati dal Team o da nostri sponsor.Inoltre, sui nostri canali social e sul sito web possiamo pubblicare contenuti specifici (post o articoli tecnici) sulla vostra azienda.

      +
    2. +
    3. +

      Collaborare con ZED significa avere l’opportunità di conoscere personalmente e professionalmente gli studenti Unime, supportando importanti iniziative studentesche e investendo nel futuro di giovani studenti

      +
      +
      + +
    4. +
    +

    +
    +
    +
      +
    • potrà accordarsi insieme al team sulle livree sulla nostra auto da corsa.
    • +
    +

    ** attraverso le donazioni si potrà beneficiare di specifiche agevolazioni fiscali

    +
    + +
    + +
    + +
    + + +
    + + + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/autonomous-guide/index.html b/public/tags/autonomous-guide/index.html new file mode 100644 index 0000000..97d2536 --- /dev/null +++ b/public/tags/autonomous-guide/index.html @@ -0,0 +1,755 @@ + + + + + + + + + +Autonomous Guide + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Autonomous Guide

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    Uno sguardo al futuro l intelligenza artificiale

    +
    +

    + + Da Giuseppe Mantineo + + + + in + + IA + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + maggio 12, 2021 +

    + +
    + +

    Quando si parla di Intelligenza Artificiale (IA), si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L’Intelligenza Artificiale consente alle macchine di imparare dall’esperienza, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell’uomo, più nel dettaglio questa è un ramo dell’informatica che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di Rete neurale artificiale, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell’intelligenza artificiale, al momento, è che impara dai soli dati, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono estremamente specializzati, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: Machine learning, Deep Learning, Computer vision, Natural language processing e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea. L’Intelligenza Artificiale ad oggi rappresenta una realtà e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/autonomous-guide/index.xml b/public/tags/autonomous-guide/index.xml new file mode 100644 index 0000000..29b6189 --- /dev/null +++ b/public/tags/autonomous-guide/index.xml @@ -0,0 +1,19 @@ + + + + Autonomous Guide on Zancle E-Drive + /tags/autonomous-guide/ + Recent content in Autonomous Guide on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Uno sguardo al futuro l intelligenza artificiale + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + Wed, 12 May 2021 20:48:20 +0000 + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + <p>Quando si parla di <strong>Intelligenza Artificiale (IA)</strong>, si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L&rsquo;Intelligenza Artificiale consente alle macchine di <strong>imparare dall&rsquo;esperienza</strong>, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell&rsquo;uomo, più nel dettaglio questa è un <strong>ramo dell’informatica</strong> che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di <strong>Rete neurale artificiale</strong>, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell&rsquo;intelligenza artificiale, al momento, è che impara dai soli <strong>dati</strong>, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono <strong>estremamente specializzati</strong>, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: <strong>Machine learning, Deep Learning, Computer vision, Natural language processing</strong> e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle <strong>Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea</strong>. L’Intelligenza Artificiale ad oggi <strong>rappresenta una realtà</strong> e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.</p> + + + diff --git a/public/tags/autonomous-guide/page/1/index.html b/public/tags/autonomous-guide/page/1/index.html new file mode 100644 index 0000000..930aede --- /dev/null +++ b/public/tags/autonomous-guide/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/autonomous-guide/ + + + + + + diff --git a/public/tags/ecologia/index.html b/public/tags/ecologia/index.html new file mode 100644 index 0000000..451c92c --- /dev/null +++ b/public/tags/ecologia/index.html @@ -0,0 +1,755 @@ + + + + + + + + + +Ecologia + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Ecologia

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    L'ingegno al servizio dell'ambiente

    +
    +

    + + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + aprile 25, 2021 +

    + +
    + +

    Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/ecologia/index.xml b/public/tags/ecologia/index.xml new file mode 100644 index 0000000..07549fc --- /dev/null +++ b/public/tags/ecologia/index.xml @@ -0,0 +1,19 @@ + + + + Ecologia on Zancle E-Drive + /tags/ecologia/ + Recent content in Ecologia on Zancle E-Drive + Hugo + en-us + Sun, 25 Apr 2021 22:00:00 +0000 + + + L'ingegno al servizio dell'ambiente + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + Sun, 25 Apr 2021 22:00:00 +0000 + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + <p>Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. <strong>Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?</strong></p> + + + diff --git a/public/tags/ecologia/page/1/index.html b/public/tags/ecologia/page/1/index.html new file mode 100644 index 0000000..b4d488b --- /dev/null +++ b/public/tags/ecologia/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/ecologia/ + + + + + + diff --git a/public/tags/elettrico/index.html b/public/tags/elettrico/index.html new file mode 100644 index 0000000..f313539 --- /dev/null +++ b/public/tags/elettrico/index.html @@ -0,0 +1,759 @@ + + + + + + + + + +Elettrico + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Elettrico

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    THE QUIETEST STARTING LINE

    +
    +

    + + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + marzo 31, 2021 +

    + +
    + +

    Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le origini delle vetture elettriche che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?

    +
    +
    + +

    Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della seconda rivoluzione industriale, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’Ing. Porsche che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/elettrico/index.xml b/public/tags/elettrico/index.xml new file mode 100644 index 0000000..a49510d --- /dev/null +++ b/public/tags/elettrico/index.xml @@ -0,0 +1,19 @@ + + + + Elettrico on Zancle E-Drive + /tags/elettrico/ + Recent content in Elettrico on Zancle E-Drive + Hugo + en-us + Wed, 31 Mar 2021 07:00:20 +0000 + + + THE QUIETEST STARTING LINE + /blog/2021/03/31/linked-post-copy-1/ + Wed, 31 Mar 2021 07:00:20 +0000 + /blog/2021/03/31/linked-post-copy-1/ + <p>Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le <strong>origini delle vetture elettriche</strong> che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?</p> <figure class="center"><img src="/img/2_1.png" width="100%"> </figure> <p>Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della <strong>seconda rivoluzione industriale</strong>, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’<strong>Ing. Porsche</strong> che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.</p> + + + diff --git a/public/tags/elettrico/page/1/index.html b/public/tags/elettrico/page/1/index.html new file mode 100644 index 0000000..803792b --- /dev/null +++ b/public/tags/elettrico/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/elettrico/ + + + + + + diff --git a/public/tags/formula-student/index.html b/public/tags/formula-student/index.html new file mode 100644 index 0000000..76543d6 --- /dev/null +++ b/public/tags/formula-student/index.html @@ -0,0 +1,757 @@ + + + + + + + + + +Formula Student + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Formula Student

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

    +
    +

    + + Da Mauro Cannistrà + + + + in + + Team + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + marzo 16, 2021 +

    + +
    + +

    TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

    +

    In prima posizione l’ingegno, quello messo dal team Zancle E-Drive (ZED) formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.

    +

    Parliamo proprio della Formula SAE, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/formula-student/index.xml b/public/tags/formula-student/index.xml new file mode 100644 index 0000000..a5fb18a --- /dev/null +++ b/public/tags/formula-student/index.xml @@ -0,0 +1,19 @@ + + + + Formula Student on Zancle E-Drive + /tags/formula-student/ + Recent content in Formula Student on Zancle E-Drive + Hugo + en-us + Tue, 16 Mar 2021 08:00:00 +0000 + + + TUTTI PRONTI SULLA GRIGLIA DI PARTENZA + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + Tue, 16 Mar 2021 08:00:00 +0000 + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + <h2 id="tutti-pronti-sulla-griglia-di-partenza">TUTTI PRONTI SULLA GRIGLIA DI PARTENZA</h2> <p>In prima posizione l’ingegno, quello messo dal team <strong>Zancle E-Drive (ZED)</strong> formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.</p> <p>Parliamo proprio della <strong>Formula SAE</strong>, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.</p> + + + diff --git a/public/tags/formula-student/page/1/index.html b/public/tags/formula-student/page/1/index.html new file mode 100644 index 0000000..24f4f78 --- /dev/null +++ b/public/tags/formula-student/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/formula-student/ + + + + + + diff --git a/public/tags/formusa-student/index.html b/public/tags/formusa-student/index.html new file mode 100644 index 0000000..dbb0773 --- /dev/null +++ b/public/tags/formusa-student/index.html @@ -0,0 +1,759 @@ + + + + + + + + + +Formusa Student + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Formusa Student

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    THE QUIETEST STARTING LINE

    +
    +

    + + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + marzo 31, 2021 +

    + +
    + +

    Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le origini delle vetture elettriche che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?

    +
    +
    + +

    Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della seconda rivoluzione industriale, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’Ing. Porsche che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/formusa-student/index.xml b/public/tags/formusa-student/index.xml new file mode 100644 index 0000000..86e395a --- /dev/null +++ b/public/tags/formusa-student/index.xml @@ -0,0 +1,19 @@ + + + + Formusa Student on Zancle E-Drive + /tags/formusa-student/ + Recent content in Formusa Student on Zancle E-Drive + Hugo + en-us + Wed, 31 Mar 2021 07:00:20 +0000 + + + THE QUIETEST STARTING LINE + /blog/2021/03/31/linked-post-copy-1/ + Wed, 31 Mar 2021 07:00:20 +0000 + /blog/2021/03/31/linked-post-copy-1/ + <p>Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le <strong>origini delle vetture elettriche</strong> che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?</p> <figure class="center"><img src="/img/2_1.png" width="100%"> </figure> <p>Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della <strong>seconda rivoluzione industriale</strong>, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’<strong>Ing. Porsche</strong> che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.</p> + + + diff --git a/public/tags/formusa-student/page/1/index.html b/public/tags/formusa-student/page/1/index.html new file mode 100644 index 0000000..c49478c --- /dev/null +++ b/public/tags/formusa-student/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/formusa-student/ + + + + + + diff --git a/public/tags/ia/index.html b/public/tags/ia/index.html new file mode 100644 index 0000000..740eef5 --- /dev/null +++ b/public/tags/ia/index.html @@ -0,0 +1,755 @@ + + + + + + + + + +IA + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    IA

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    Uno sguardo al futuro l intelligenza artificiale

    +
    +

    + + Da Giuseppe Mantineo + + + + in + + IA + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + maggio 12, 2021 +

    + +
    + +

    Quando si parla di Intelligenza Artificiale (IA), si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L’Intelligenza Artificiale consente alle macchine di imparare dall’esperienza, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell’uomo, più nel dettaglio questa è un ramo dell’informatica che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di Rete neurale artificiale, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell’intelligenza artificiale, al momento, è che impara dai soli dati, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono estremamente specializzati, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: Machine learning, Deep Learning, Computer vision, Natural language processing e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea. L’Intelligenza Artificiale ad oggi rappresenta una realtà e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/ia/index.xml b/public/tags/ia/index.xml new file mode 100644 index 0000000..438ea29 --- /dev/null +++ b/public/tags/ia/index.xml @@ -0,0 +1,19 @@ + + + + IA on Zancle E-Drive + /tags/ia/ + Recent content in IA on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Uno sguardo al futuro l intelligenza artificiale + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + Wed, 12 May 2021 20:48:20 +0000 + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + <p>Quando si parla di <strong>Intelligenza Artificiale (IA)</strong>, si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L&rsquo;Intelligenza Artificiale consente alle macchine di <strong>imparare dall&rsquo;esperienza</strong>, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell&rsquo;uomo, più nel dettaglio questa è un <strong>ramo dell’informatica</strong> che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di <strong>Rete neurale artificiale</strong>, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell&rsquo;intelligenza artificiale, al momento, è che impara dai soli <strong>dati</strong>, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono <strong>estremamente specializzati</strong>, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: <strong>Machine learning, Deep Learning, Computer vision, Natural language processing</strong> e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle <strong>Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea</strong>. L’Intelligenza Artificiale ad oggi <strong>rappresenta una realtà</strong> e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.</p> + + + diff --git a/public/tags/ia/page/1/index.html b/public/tags/ia/page/1/index.html new file mode 100644 index 0000000..3e9d1b4 --- /dev/null +++ b/public/tags/ia/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/ia/ + + + + + + diff --git a/public/tags/index.html b/public/tags/index.html new file mode 100644 index 0000000..7a136fe --- /dev/null +++ b/public/tags/index.html @@ -0,0 +1,637 @@ + + + + + + + + + +Tags + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Tags

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/index.xml b/public/tags/index.xml new file mode 100644 index 0000000..fdd7be6 --- /dev/null +++ b/public/tags/index.xml @@ -0,0 +1,96 @@ + + + + Tags on Zancle E-Drive + /tags/ + Recent content in Tags on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Autonomous Guide + /tags/autonomous-guide/ + Wed, 12 May 2021 20:48:20 +0000 + /tags/autonomous-guide/ + + + + IA + /tags/ia/ + Wed, 12 May 2021 20:48:20 +0000 + /tags/ia/ + + + + Machine Learning + /tags/machine-learning/ + Wed, 12 May 2021 20:48:20 +0000 + /tags/machine-learning/ + + + + Programming + /tags/programming/ + Wed, 12 May 2021 20:48:20 +0000 + /tags/programming/ + + + + Ecologia + /tags/ecologia/ + Sun, 25 Apr 2021 22:00:00 +0000 + /tags/ecologia/ + + + + Motore Elettrico + /tags/motore-elettrico/ + Sun, 25 Apr 2021 22:00:00 +0000 + /tags/motore-elettrico/ + + + + Elettrico + /tags/elettrico/ + Wed, 31 Mar 2021 07:00:20 +0000 + /tags/elettrico/ + + + + Formusa Student + /tags/formusa-student/ + Wed, 31 Mar 2021 07:00:20 +0000 + /tags/formusa-student/ + + + + Storia + /tags/storia/ + Wed, 31 Mar 2021 07:00:20 +0000 + /tags/storia/ + + + + Formula Student + /tags/formula-student/ + Tue, 16 Mar 2021 08:00:00 +0000 + /tags/formula-student/ + + + + Messina + /tags/messina/ + Tue, 16 Mar 2021 08:00:00 +0000 + /tags/messina/ + + + + Unime + /tags/unime/ + Tue, 16 Mar 2021 08:00:00 +0000 + /tags/unime/ + + + + diff --git a/public/tags/machine-learning/index.html b/public/tags/machine-learning/index.html new file mode 100644 index 0000000..9e3899c --- /dev/null +++ b/public/tags/machine-learning/index.html @@ -0,0 +1,755 @@ + + + + + + + + + +Machine Learning + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Machine Learning

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    Uno sguardo al futuro l intelligenza artificiale

    +
    +

    + + Da Giuseppe Mantineo + + + + in + + IA + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + maggio 12, 2021 +

    + +
    + +

    Quando si parla di Intelligenza Artificiale (IA), si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L’Intelligenza Artificiale consente alle macchine di imparare dall’esperienza, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell’uomo, più nel dettaglio questa è un ramo dell’informatica che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di Rete neurale artificiale, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell’intelligenza artificiale, al momento, è che impara dai soli dati, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono estremamente specializzati, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: Machine learning, Deep Learning, Computer vision, Natural language processing e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea. L’Intelligenza Artificiale ad oggi rappresenta una realtà e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/machine-learning/index.xml b/public/tags/machine-learning/index.xml new file mode 100644 index 0000000..c466890 --- /dev/null +++ b/public/tags/machine-learning/index.xml @@ -0,0 +1,19 @@ + + + + Machine Learning on Zancle E-Drive + /tags/machine-learning/ + Recent content in Machine Learning on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Uno sguardo al futuro l intelligenza artificiale + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + Wed, 12 May 2021 20:48:20 +0000 + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + <p>Quando si parla di <strong>Intelligenza Artificiale (IA)</strong>, si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L&rsquo;Intelligenza Artificiale consente alle macchine di <strong>imparare dall&rsquo;esperienza</strong>, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell&rsquo;uomo, più nel dettaglio questa è un <strong>ramo dell’informatica</strong> che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di <strong>Rete neurale artificiale</strong>, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell&rsquo;intelligenza artificiale, al momento, è che impara dai soli <strong>dati</strong>, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono <strong>estremamente specializzati</strong>, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: <strong>Machine learning, Deep Learning, Computer vision, Natural language processing</strong> e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle <strong>Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea</strong>. L’Intelligenza Artificiale ad oggi <strong>rappresenta una realtà</strong> e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.</p> + + + diff --git a/public/tags/machine-learning/page/1/index.html b/public/tags/machine-learning/page/1/index.html new file mode 100644 index 0000000..ab040ac --- /dev/null +++ b/public/tags/machine-learning/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/machine-learning/ + + + + + + diff --git a/public/tags/messina/index.html b/public/tags/messina/index.html new file mode 100644 index 0000000..4197766 --- /dev/null +++ b/public/tags/messina/index.html @@ -0,0 +1,757 @@ + + + + + + + + + +Messina + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Messina

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

    +
    +

    + + Da Mauro Cannistrà + + + + in + + Team + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + marzo 16, 2021 +

    + +
    + +

    TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

    +

    In prima posizione l’ingegno, quello messo dal team Zancle E-Drive (ZED) formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.

    +

    Parliamo proprio della Formula SAE, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/messina/index.xml b/public/tags/messina/index.xml new file mode 100644 index 0000000..3db24fd --- /dev/null +++ b/public/tags/messina/index.xml @@ -0,0 +1,19 @@ + + + + Messina on Zancle E-Drive + /tags/messina/ + Recent content in Messina on Zancle E-Drive + Hugo + en-us + Tue, 16 Mar 2021 08:00:00 +0000 + + + TUTTI PRONTI SULLA GRIGLIA DI PARTENZA + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + Tue, 16 Mar 2021 08:00:00 +0000 + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + <h2 id="tutti-pronti-sulla-griglia-di-partenza">TUTTI PRONTI SULLA GRIGLIA DI PARTENZA</h2> <p>In prima posizione l’ingegno, quello messo dal team <strong>Zancle E-Drive (ZED)</strong> formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.</p> <p>Parliamo proprio della <strong>Formula SAE</strong>, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.</p> + + + diff --git a/public/tags/messina/page/1/index.html b/public/tags/messina/page/1/index.html new file mode 100644 index 0000000..574f36f --- /dev/null +++ b/public/tags/messina/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/messina/ + + + + + + diff --git a/public/tags/motore-elettrico/index.html b/public/tags/motore-elettrico/index.html new file mode 100644 index 0000000..b8882fe --- /dev/null +++ b/public/tags/motore-elettrico/index.html @@ -0,0 +1,755 @@ + + + + + + + + + +Motore Elettrico + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Motore Elettrico

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    L'ingegno al servizio dell'ambiente

    +
    +

    + + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + aprile 25, 2021 +

    + +
    + +

    Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/motore-elettrico/index.xml b/public/tags/motore-elettrico/index.xml new file mode 100644 index 0000000..a0d885e --- /dev/null +++ b/public/tags/motore-elettrico/index.xml @@ -0,0 +1,19 @@ + + + + Motore Elettrico on Zancle E-Drive + /tags/motore-elettrico/ + Recent content in Motore Elettrico on Zancle E-Drive + Hugo + en-us + Sun, 25 Apr 2021 22:00:00 +0000 + + + L'ingegno al servizio dell'ambiente + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + Sun, 25 Apr 2021 22:00:00 +0000 + /blog/2021/04/25/l-ingegno-al-servizio-dell-ambiente/ + <p>Il mondo fdell’auto elettrica è una tendenza in crescita con sempre più offerte e tecnologie in rapida evoluzione. I bassi consumi, le altissime prestazioni e la minima quantità di inquinamento fanno dell’auto elettrica l’ancora di salvataggio del mercato automobilistico, salvaguardando al contempo l’ambiente. A far da padrone nelle vetture elettriche e nella monoposto di ZED è ovviamente il motore, semplice e compatto rispetto ad un motore a benzina o Diesel. <strong>Ma nel particolare come funziona e quale principio fisico c’è dietro il funzionamento del motore elettrico?</strong></p> + + + diff --git a/public/tags/motore-elettrico/page/1/index.html b/public/tags/motore-elettrico/page/1/index.html new file mode 100644 index 0000000..aa97f36 --- /dev/null +++ b/public/tags/motore-elettrico/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/motore-elettrico/ + + + + + + diff --git a/public/tags/page/1/index.html b/public/tags/page/1/index.html new file mode 100644 index 0000000..3e4a748 --- /dev/null +++ b/public/tags/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/ + + + + + + diff --git a/public/tags/programming/index.html b/public/tags/programming/index.html new file mode 100644 index 0000000..ee8db9e --- /dev/null +++ b/public/tags/programming/index.html @@ -0,0 +1,755 @@ + + + + + + + + + +Programming + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Programming

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    Uno sguardo al futuro l intelligenza artificiale

    +
    +

    + + Da Giuseppe Mantineo + + + + in + + IA + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + maggio 12, 2021 +

    + +
    + +

    Quando si parla di Intelligenza Artificiale (IA), si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L’Intelligenza Artificiale consente alle macchine di imparare dall’esperienza, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell’uomo, più nel dettaglio questa è un ramo dell’informatica che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di Rete neurale artificiale, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell’intelligenza artificiale, al momento, è che impara dai soli dati, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono estremamente specializzati, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: Machine learning, Deep Learning, Computer vision, Natural language processing e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea. L’Intelligenza Artificiale ad oggi rappresenta una realtà e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/programming/index.xml b/public/tags/programming/index.xml new file mode 100644 index 0000000..3e42ea7 --- /dev/null +++ b/public/tags/programming/index.xml @@ -0,0 +1,19 @@ + + + + Programming on Zancle E-Drive + /tags/programming/ + Recent content in Programming on Zancle E-Drive + Hugo + en-us + Wed, 12 May 2021 20:48:20 +0000 + + + Uno sguardo al futuro l intelligenza artificiale + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + Wed, 12 May 2021 20:48:20 +0000 + /blog/2021/05/12/uno-sguardo-al-futuro-l-intelligenza-artificiale/ + <p>Quando si parla di <strong>Intelligenza Artificiale (IA)</strong>, si pensa subito ad un mondo futuristico in cui macchine e uomini convivono ma in realtà, la sua presenza nella società è più reale ed attuale di quanto si possa immaginare. L&rsquo;Intelligenza Artificiale consente alle macchine di <strong>imparare dall&rsquo;esperienza</strong>, di adeguarsi a nuove informazioni ricevute e svolgere compiti simili a quelli dell&rsquo;uomo, più nel dettaglio questa è un <strong>ramo dell’informatica</strong> che consente la programmazione e progettazione di sistemi sia hardware che software che permettono di dotare le macchine di determinate caratteristiche che vengono considerate tipicamente umane, ad esempio, le percezioni visive, spazio-temporali e decisionali. Si cerca quindi di dotare il sistema di una conoscenza non sterile, ovvero una coscienza che permetta di prendere decisioni non solo secondo la logica, ma in grado di risolvere problemi in maniera differente a seconda del contesto in cui ci si trova. Parliamo di <strong>Rete neurale artificiale</strong>, che non è nient’altro che un modello computazionale che cerca di emulare nel modo migliore possibile la nostra rete neurale biologica. L’uso delle reti neurali e di algoritmi in grado di riprodurre ragionamenti tipici degli esseri umani nelle differenti situazioni, hanno permesso ai sistemi intelligenti di migliorare sempre di più le diverse capacità di comportamento. Tali algoritmi complessi, inseriti all’interno di sistemi intelligenti, sono quindi in grado di ‘prendere decisioni’, ossia di effettuare scelte a seconda dei contesti in cui sono inseriti, perciò, nel caso degli algoritmi connessi ai sistemi intelligenti dei veicoli, ad esempio, un’automobile senza conducente può decidere in caso di pericolo se sterzare o frenare a seconda della situazione, in funzione delle informazioni inviate dai vari sensori è in grado di calcolare se la maggiore percentuale di sicurezza per il conducente e i passeggeri è presente con una frenata o con una sterzata. Il limite principale dell&rsquo;intelligenza artificiale, al momento, è che impara dai soli <strong>dati</strong>, non vi è altro modo di incorporare conoscenza. Ciò significa che qualsiasi imprecisione nei dati si rifletterà nei risultati e ogni ulteriore livello di previsione o di analisi dovrà essere effettuato separatamente. Inoltre, i sistemi sono <strong>estremamente specializzati</strong>, ovvero possono concentrarsi solo su un unico compito e sono ben lontani dal comportarsi come gli esseri umani a tutti gli effetti. Analogamente, i sistemi ed algoritmi di autoapprendimento non sono sistemi autonomi, ma bensì vanno addestrati per ottenere il risultato desiderato. Le tecnologie di IA che vengono mostrate nei film sono ancora fantascienza, ma è importante notare che i sistemi in grado di sondare dati complessi per imparare e perfezionare attività specifiche stanno diventando, al contrario, di utilizzo sempre più comune. L’IA è un campo di studio molto ampio ed è quindi costituita da più settori quali: <strong>Machine learning, Deep Learning, Computer vision, Natural language processing</strong> e tanti altri, alcuni dei quali ad oggi ancora nella fase embrionale dello sviluppo. Laddove si parli di intelligenza artificiale non si può, infatti, prescindere dal richiamo ai profili etici, i quali sono anche stati sanciti nelle <strong>Linee Guida Etiche sull’intelligenza artificiale della Commissione Europea</strong>. L’Intelligenza Artificiale ad oggi <strong>rappresenta una realtà</strong> e non più un’ipotesi, un settore in continua espansione e dal futuro ben più che roseo, sebbene non sia ancora stata definita una direzione ben delineata, è certamente prevista nei prossimi anni una importante rivoluzione industriale, già in corso da anni, ma soprattutto una culturale.</p> + + + diff --git a/public/tags/programming/page/1/index.html b/public/tags/programming/page/1/index.html new file mode 100644 index 0000000..dfa390d --- /dev/null +++ b/public/tags/programming/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/programming/ + + + + + + diff --git a/public/tags/storia/index.html b/public/tags/storia/index.html new file mode 100644 index 0000000..bf98716 --- /dev/null +++ b/public/tags/storia/index.html @@ -0,0 +1,759 @@ + + + + + + + + + +Storia + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Storia

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    THE QUIETEST STARTING LINE

    +
    +

    + + Da Mauro Cannistrà + + + + in + + electric mobility + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + marzo 31, 2021 +

    + +
    + +

    Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le origini delle vetture elettriche che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?

    +
    +
    + +

    Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della seconda rivoluzione industriale, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’Ing. Porsche che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/storia/index.xml b/public/tags/storia/index.xml new file mode 100644 index 0000000..4598c14 --- /dev/null +++ b/public/tags/storia/index.xml @@ -0,0 +1,19 @@ + + + + Storia on Zancle E-Drive + /tags/storia/ + Recent content in Storia on Zancle E-Drive + Hugo + en-us + Wed, 31 Mar 2021 07:00:20 +0000 + + + THE QUIETEST STARTING LINE + /blog/2021/03/31/linked-post-copy-1/ + Wed, 31 Mar 2021 07:00:20 +0000 + /blog/2021/03/31/linked-post-copy-1/ + <p>Sulla griglia di partenza del campionato di Formula SAE ci sarà la monoposto del team di Zancle-E-Drive che rappresenterà l’Università di Messina. Questa monoposto sarà una vettura full elettric e a guida autonoma, ma esattamente quali sono le <strong>origini delle vetture elettriche</strong> che stanno sempre più catturando le attenzioni nel panorama automobilistico a dispetto dell’ormai datato motore a combustione?</p> <figure class="center"><img src="/img/2_1.png" width="100%"> </figure> <p>Contro ogni ipotesi e conoscenza di molti lettori e appassionati, l’auto elettrica fu inventata e usata qualche anno prima rispetto alla sua controparte con motore a combustione interna (Karl Benz con la sua Patent Motorwagen 1890). Gli anni sono quelli della fine della prima rivoluzione industriale, i materiali e le varie scoperte nell’ambito dell’elettricità permisero un impiego di queste automobili elettriche per sostituire i mezzi di trasporto comune quali carrozze e taxi nelle piazze delle più importanti città. Già 2 secoli fa lo sviluppo di queste vetture elettriche prevedeva una estrema semplicità di costruzione, di fatti, non era necessario la frizione, né il cambio ne la classica manovella di avviamento. In Italia si poté parlare di auto elettriche solamente all’inizio della <strong>seconda rivoluzione industriale</strong>, con una versione da 1cv e 15 km/h di velocità massima e con un’autonomia di ben 10 ore. Altri risultati, ben lontani da quelli italiani, sono stati raggiunti dai francesi che nel 1898 riuscirono a raggiungere i 63km/h con una vettura capace di erogare ben 35 cv, prestazioni notevolmente migliori dei motori a combustione interna dell’epoca (I motori termici più potenti erogavano al massimo 10 cv). Sempre dei francesi è il primato di aver raggiunto per primi i 100 km/h nel 1899, utilizzando 2 motori con potenza complessiva pari a 68 cv e un “pacco batteria” al piombo da 650 kg. Poi arrivò anche l’<strong>Ing. Porsche</strong> che diede il suo contributo per portare avanti la trazione elettrica cercando di sfruttarne tutti i lati positivi e poterla adattare ad un uso privato. Cercò di creare un motore particolare da integrare alle ruote anteriori per evitare di inserire la trasmissione e il differenziale, allungò l’autonomia del motore elettrico a circa 50 km con 400 kg di batterie. Negli anni seguenti le modifiche apportate furono quelle di inserire dei motori a benzina da 3,5 cv che avevano la sola funzione di ricaricare le batterie, di fatti si riuscì ad alleggerire il veicolo adottando delle batterie di più contenute dimensioni.</p> + + + diff --git a/public/tags/storia/page/1/index.html b/public/tags/storia/page/1/index.html new file mode 100644 index 0000000..d87be2d --- /dev/null +++ b/public/tags/storia/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/storia/ + + + + + + diff --git a/public/tags/unime/index.html b/public/tags/unime/index.html new file mode 100644 index 0000000..0681c84 --- /dev/null +++ b/public/tags/unime/index.html @@ -0,0 +1,757 @@ + + + + + + + + + +Unime + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +
    +
    +
    + + + +
    +
    + +
    +
    +
    +
    +
    + + + + + + + + +
    +
    +
    +
    +

    Unime

    +
    +
    +
    +
    + + +
    +
    +
    + + +
    + + + +
    +
    +
    + +
    +
    +

    TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

    +
    +

    + + Da Mauro Cannistrà + + + + in + + Team + + + +

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

    + marzo 16, 2021 +

    + +
    + +

    TUTTI PRONTI SULLA GRIGLIA DI PARTENZA

    +

    In prima posizione l’ingegno, quello messo dal team Zancle E-Drive (ZED) formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.

    +

    Parliamo proprio della Formula SAE, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.

    +

    Continua lettura +

    + +
    +
    +
    + + + +
    + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + + +
    + +
    + +
    + + + + + + + + + + + + + + + + +
    + + + + + + + + + + + + + + + + + + + + + diff --git a/public/tags/unime/index.xml b/public/tags/unime/index.xml new file mode 100644 index 0000000..f4f0a49 --- /dev/null +++ b/public/tags/unime/index.xml @@ -0,0 +1,19 @@ + + + + Unime on Zancle E-Drive + /tags/unime/ + Recent content in Unime on Zancle E-Drive + Hugo + en-us + Tue, 16 Mar 2021 08:00:00 +0000 + + + TUTTI PRONTI SULLA GRIGLIA DI PARTENZA + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + Tue, 16 Mar 2021 08:00:00 +0000 + /blog/2021/03/16/tutti-pronti-sulla-griglia-di-partenza/ + <h2 id="tutti-pronti-sulla-griglia-di-partenza">TUTTI PRONTI SULLA GRIGLIA DI PARTENZA</h2> <p>In prima posizione l’ingegno, quello messo dal team <strong>Zancle E-Drive (ZED)</strong> formato dagli studenti dell’Università degli Studi di Messina che si presterà a partecipare alla più famosa competizione internazionale ingegneristica e tecnologica del mondo universitario.</p> <p>Parliamo proprio della <strong>Formula SAE</strong>, una manifestazione organizzata ogni anno nel periodo estivo da Anfia, nella quale parecchi team provenienti da disparate nazioni in rappresentanza di altrettanti atenei universitari, si sfideranno nella progettazione di una vettura monoposto a combustione interna e a trazione elettrica.</p> + + + diff --git a/public/tags/unime/page/1/index.html b/public/tags/unime/page/1/index.html new file mode 100644 index 0000000..9a65848 --- /dev/null +++ b/public/tags/unime/page/1/index.html @@ -0,0 +1,10 @@ + + + + /tags/unime/ + + + + + + diff --git a/themes/hugo-universal-theme/layouts/_default/single.html b/themes/hugo-universal-theme/layouts/_default/single.html index 88bf641..914a496 100644 --- a/themes/hugo-universal-theme/layouts/_default/single.html +++ b/themes/hugo-universal-theme/layouts/_default/single.html @@ -45,7 +45,7 @@ {{ .Content }} - {{ if .Site.DisqusShortname }} + {{ if .Site.Params.disqusShortname }}
    {{ template "_internal/disqus.html" . }}