Upload 104 files

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+static/images/GenericBlog_Social-Selling_CD909_SJ.png filter=lfs diff=lfs merge=lfs -text

Freq.py

@@ -0,0 +1,24 @@
+
+# Python program to count the frequency of 
+# elements in a list using a dictionary 
+
+def CountFrequency(my_list): 
+
+	# Creating an empty dictionary 
+	freq = {} 
+	for item in my_list: 
+		if (item in freq): 
+			freq[item] += 1
+		else: 
+			freq[item] = 1
+	print(freq)
+	return freq;
+
+
+
+
+# Driver function 
+if __name__ == "__main__": 
+	my_list =['sajid', 'sajid', 'sajid', 'ali', 'ali',  'sajid',  'sajid',  'nashu', 'nashu', 'nashu', 'nashu'] 
+
+	CountFrequency(my_list) 

Graphs.py

@@ -0,0 +1,41 @@
+import numpy as np
+import matplotlib.pyplot as plt
+import matplotlib.pyplot as plt1
+import sys
+import sqlite3
+
+def viewg(g1):
+    
+
+    for row in g1.values():
+        pass
+
+    height=[]
+    bars = ()
+    bars= tuple(g1.keys())
+
+    plt.clf()
+
+
+
+    print(type(g1.values()))
+    height= list(g1.values())
+    print(bars, height)
+    
+    y_pos = np.arange(len(bars))
+    plt.bar(bars,height, color=['blue', 'cyan', 'orange'])
+    plt.xlabel('Sentiment Analysis')
+    plt.ylabel('No.of Tweets')
+    plt.title('Features')
+    from PIL import Image 
+    plt.savefig('g1.jpg')
+    #im = Image.open(r"g1.jpg") 
+          
+    #im.show()
+        
+if __name__ == "__main__":
+    d={'jan':2,'feb':23}
+    viewg(d)
+
+
+

LSTM.py

@@ -59,24 +59,32 @@ def get_embedding_vectors(tokenizer, dim=100):
 
 
 
-def get_predictions(text):
+def get_predictions(stmts):
     tokenizer = Tokenizer()
+    res=[]
     
     model_path = 'lstm_model.h5'
     model = load_model(model_path)
-    sequence = tokenizer.texts_to_sequences(text)
-    # pad the sequence
-    sequence = pad_sequences(sequence, maxlen=SEQUENCE_LENGTH)
-    # get the prediction
-    prediction = model.predict(sequence)
-
-    res=[]
-
-    for p1 in prediction:
-        res.append(int2label[np.argmax(p1)])
+    model_path2="tokenizer.pickle"
+    with open(model_path2,'rb') as f:
+        tokenizer=pickle.load(f)
+
+
+    for text in stmts:
+        print("text=",text)
+        sequence = tokenizer.texts_to_sequences([text])
+        # pad the sequence
+        sequence = pad_sequences(sequence, maxlen=SEQUENCE_LENGTH)
+        # get the prediction
+        prediction = model.predict(sequence)
+        sentmnt=int2label[np.argmax(prediction)]
+        res.append(sentmnt)
+   
+
+        
     return res
 
 if __name__ == '__main__':
-    t=[' Sooo SAD I will miss you here in San Diego!!!', 'Stolen iPhone 15 pro', 'iPhone 15 Pro and iPhone 15 Pro Max Feature Increased 8GB of RAM', 'Apple announces iPhone 15 Pro and Pro Max', 'Temperature of my iPhone 15 Pro Max while on the phone for 5 mins.', 'I traded in my iPhone 14 Pro for the iPhone 15 Pro Max, then FedEx lost the old phone', 'iPhone 15 Pro Max crushes Google Pixel 8 Pro in speed test', 'Apple Design Team Making The New iPhone 15 Pro Max', 'iPhone 15 Pro Could Be Most Lightweight Pro Model Since iPhone XS', ' iPhone 15 Pro/Pro Max is so sad']
+    t=['Apple announces iPhone 15 Pro and iPhone 15 Pro Max with titanium case and USB-C - 9to5Mac', 'Stolen iPhone 15 pro', 'iPhone 15 Pro and iPhone 15 Pro Max Feature Increased 8GB of RAM', 'Apple announces iPhone 15 Pro and Pro Max', 'Temperature of my iPhone 15 Pro Max while on the phone for 5 mins.', 'I traded in my iPhone 14 Pro for the iPhone 15 Pro Max, then FedEx lost the old phone', 'iPhone 15 Pro Max crushes Google Pixel 8 Pro in speed test', 'Apple Design Team Making The New iPhone 15 Pro Max', 'iPhone 15 Pro Could Be Most Lightweight Pro Model Since iPhone XS', 'PSA: iPhone 15 Pro/Pro Max Titanium Scratches']
     print(get_predictions(t))
     

Train_ANN.py

@@ -108,7 +108,7 @@ def dl_evaluation_process():
     print('Train...')
     model.fit(X, y,
               batch_size=batch_size,
-              epochs=2,
+              epochs=20,
               validation_data=(X_test, y_test))
 
     y_test = np.argmax(y_test, axis=1)

Train_CNN.py

@@ -101,7 +101,7 @@ def dl_evaluation_process():
 
     model.fit(X, y, epochs=20, verbose=1, validation_data=(X_test, y_test), batch_size=128)
     #print("saving")
-    model.save('cnn_model.h5')
+    #model.save('cnn_model.h5')
     #model.summary()
 
     y_test = np.argmax(y_test, axis=1)
@@ -181,4 +181,5 @@ def get_embedding_vectors(tokenizer, dim=100):
 text = "Need a loan? We offer quick and easy approval. Apply now for cash in minutes!."
 print(get_predictions(text))'''
 
-dl_evaluation_process()
+if __name__ == '__main__':
+    dl_evaluation_process()

Train_LSTM.py

@@ -0,0 +1,185 @@
+import time
+import pickle
+import tensorflow as tf
+import pandas as pd
+import tqdm
+import numpy as np
+import os
+import matplotlib
+matplotlib.use('Agg')
+import matplotlib.pyplot as plt
+from tensorflow.keras.preprocessing.text import Tokenizer
+from tensorflow.keras.preprocessing.sequence import pad_sequences
+from tensorflow.keras.utils import to_categorical
+from tensorflow.keras.callbacks import ModelCheckpoint, TensorBoard
+from sklearn.model_selection import train_test_split
+#from tensorflow.keras.layers import Embedding, Dropout, Dense
+from tensorflow.keras.models import Sequential
+from keras.models import load_model
+
+from sklearn.metrics import f1_score, precision_score, accuracy_score, recall_score
+
+from tensorflow.keras.layers import LSTM, GlobalMaxPooling1D, Dropout, Dense, Input, Embedding, MaxPooling1D, Flatten,BatchNormalization
+
+SEQUENCE_LENGTH = 100 # the length of all sequences (number of words per sample)
+EMBEDDING_SIZE = 100  # Using 100-Dimensional GloVe embedding vectors
+TEST_SIZE = 0.25 # ratio of testing set
+
+BATCH_SIZE = 64
+EPOCHS = 20 # number of epochs
+
+label2int = {"frustrated": 0, "negative": 1,"neutral":2,"positive":3,"satisfied":4}
+
+int2label = {0: "frustrated", 1: "negative",2:"neutral",3:"positive",4:"satisfied"}
+
+def load_data():
+    data = pd.read_csv("train.csv",encoding='latin-1')
+    texts = data['feedback'].values
+    labels=data['sentiment'].values
+    return texts, labels
+
+def dl_evaluation_process():
+    print("loading data")
+    X, y = load_data()
+
+    # Text tokenization
+    # vectorizing text, turning each text into sequence of integers
+    tokenizer = Tokenizer()
+    tokenizer.fit_on_texts(X)
+    # lets dump it to a file, so we can use it in testing
+    pickle.dump(tokenizer, open("tokenizer.pickle", "wb"))
+    # convert to sequence of integers
+    X = tokenizer.texts_to_sequences(X)
+
+    # convert to numpy arrays
+    X = np.array(X)
+    y = np.array(y)
+    # pad sequences at the beginning of each sequence with 0's
+    # for example if SEQUENCE_LENGTH=4:
+    # [[5, 3, 2], [5, 1, 2, 3], [3, 4]]
+    # will be transformed to:
+    # [[0, 5, 3, 2], [5, 1, 2, 3], [0, 0, 3, 4]]
+    X = pad_sequences(X, maxlen=SEQUENCE_LENGTH)
+
+  
+
+    y = [label2int[label] for label in y]
+    y = to_categorical(y)
+
+    # split and shuffle
+    X_train, X_test, y_train, y_test = train_test_split(X, y, test_size=TEST_SIZE, random_state=7)
+  
+    #print("EMD Matrix")
+    print("Starting...")
+    embedding_matrix = get_embedding_vectors(tokenizer)
+
+    if os.path.exists("lstm_model.h5"):
+
+        model_path = 'lstm_model.h5'
+
+        model = load_model(model_path)
+     
+        y_test = np.argmax(y_test, axis=1)
+
+        y_pred = np.argmax(model.predict(X_test), axis=1)
+
+        acc = accuracy_score(y_test, y_pred) * 100
+
+        precsn = precision_score(y_test, y_pred, average="macro") * 100
+
+        recall = recall_score(y_test, y_pred, average="macro") * 100
+
+        f1score = f1_score(y_test, y_pred, average="macro") * 100
+
+        print("acc=", acc)
+
+        print("precsn=", precsn)
+
+        print("recall=", recall)
+
+        print("f1score=", f1score)
+
+
+    else:
+        model = Sequential()
+        model.add(Embedding(len(tokenizer.word_index) + 1,
+                            EMBEDDING_SIZE,
+                            weights=[embedding_matrix],
+                            trainable=False,
+                            input_length=SEQUENCE_LENGTH))
+
+        model.add(LSTM(32, return_sequences=True))
+        model.add(BatchNormalization())
+
+        model.add(LSTM(64))
+        model.add(BatchNormalization())
+
+        model.add(Dense(64, activation='relu'))
+        model.add(Dense(5, activation="softmax"))
+        model.compile(optimizer='adam', loss='categorical_crossentropy', metrics=['acc'])
+
+        model.fit(X, y, epochs=50, verbose=1, validation_data=(X_test, y_test), batch_size=64)
+        #print("saving")
+        #model.save('lstm_model.h5')
+        #model.summary()
+
+        y_test = np.argmax(y_test, axis=1)
+        y_pred = np.argmax(model.predict(X_test), axis=1)
+
+        acc = accuracy_score(y_test, y_pred) * 100
+
+        precsn = precision_score(y_test, y_pred, average="macro") * 100
+
+        recall = recall_score(y_test, y_pred, average="macro") * 100
+
+        f1score = f1_score(y_test, y_pred, average="macro") * 100
+
+        print("acc=", acc)
+
+        print("precsn=", precsn)
+
+        print("recall=", recall)
+
+        print("f1score=", f1score)
+
+        
+
+
+    return acc, precsn, recall, f1score
+
+
+def get_embedding_vectors(tokenizer, dim=100):
+    embedding_index = {}
+    with open(f"data/glove.6B.{dim}d.txt", encoding='utf8') as f:
+        for line in tqdm.tqdm(f, "Reading GloVe"):
+            values = line.split()
+            word = values[0]
+            vectors = np.asarray(values[1:], dtype='float32')
+            embedding_index[word] = vectors
+
+    word_index = tokenizer.word_index
+    embedding_matrix = np.zeros((len(word_index) + 1, dim))
+    for word, i in word_index.items():
+        embedding_vector = embedding_index.get(word)
+        if embedding_vector is not None:
+            # words not found will be 0s
+            embedding_matrix[i] = embedding_vector
+
+    return embedding_matrix
+
+
+
+'''def get_predictions(text):
+    sequence = tokenizer.texts_to_sequences([text])
+    # pad the sequence
+    sequence = pad_sequences(sequence, maxlen=SEQUENCE_LENGTH)
+    # get the prediction
+    prediction = model.predict(sequence)[0]
+    # one-hot encoded vector, revert using np.argmax
+    return int2label[np.argmax(prediction)]
+
+text = "Need a loan? We offer quick and easy approval. Apply now for cash in minutes!."
+print(get_predictions(text))'''
+
+if __name__ == '__main__':
+    dl_evaluation_process()

TweetSearch.py

@@ -0,0 +1,34 @@
+import sys,  re
+
+import praw
+class TweetSearch:
+
+    def search(keys):
+        tweetset = []
+
+        try:
+            
+
+            client_id = 'msVOcvbKWhwpdfqFJLrlZw'
+            client_secret = 'rK_rRaeS3DOj2Fp_lP2ecFW_b4vHNg'
+            user_agent = 'praw_scraper_1'
+        
+            reddit = praw.Reddit(client_id=client_id, client_secret=client_secret, user_agent=user_agent)# input for term to be searched and how many tweets to search
+            
+            
+        
+            searchTerm = keys
+            max_posts = 10
+            posts = reddit.subreddit('all').search(searchTerm, limit=max_posts)
+            for post in posts:
+                tweetset.append(str(post.title))
+
+            
+        except Exception as e:
+            print(e)
+        print("SSSSSSSSSSS")
+        return tweetset
+
+
+if __name__ == '__main__':
+    TweetSearch.search('Telangana')

admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

apps.py

@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class WebappConfig(AppConfig):
+    name = 'webapp'

bargraph.py

@@ -0,0 +1,45 @@
+import numpy as np
+import matplotlib.pyplot as plt
+
+
+# set width of bar
+class bargraph:
+    def view(d, img, word):
+        img='D:\\Django\\Sentiment Reddit\\Sentiment\\Sentiment\\webapp\\static\\images\\'+img
+        try:
+            a1 = []
+            a2 = []
+            a3 = []
+            a4 = []
+            algo = []
+
+            for r in d:
+                print(r)
+                algo.append(r)
+                a1.append(round(float(d[r][0]), 2))
+                
+
+
+            k = []
+            v = []
+            barWidth = 0.25
+            fig = plt.subplots(figsize=(10, 7))
+            br1 = np.arange(len(a1))
+            br2 = [x + barWidth for x in br1]
+
+            plt.bar(br1, a1, color='purple', width=barWidth,
+                    edgecolor='grey', label=word)
+            
+            plt.xlabel('Algorithms ', fontweight='bold', fontsize=15)
+            plt.ylabel(word, fontweight='bold', fontsize=15)
+            plt.xticks([r + barWidth for r in range(len(a1))], algo)
+            plt.legend()
+            plt.savefig(img, dpi=(200))
+        except Exception as e:
+            print(e)
+            
+
+
+
+if __name__ == '__main__':
+    bargraph.view({'a1': [1, 2], 'a2': [1, 3], 'a3': [1, 2]},'g1.jpg','ACC')

migrations/0001_initial.py

@@ -0,0 +1,46 @@
+# Generated by Django 3.1.3 on 2024-03-26 17:26
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='accuracysc',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('algo', models.CharField(max_length=100)),
+                ('accuracyv', models.FloatField(max_length=1000)),
+                ('prec', models.FloatField(max_length=1000)),
+                ('recall', models.FloatField(max_length=1000)),
+                ('f1sc', models.FloatField(max_length=1000)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='tweets',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('sno', models.CharField(max_length=100)),
+                ('tweet', models.TextField()),
+                ('sentiment', models.CharField(max_length=100)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='user',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=100)),
+                ('email', models.CharField(max_length=100)),
+                ('pwd', models.CharField(max_length=100)),
+                ('zip', models.CharField(max_length=100)),
+                ('gender', models.CharField(max_length=100)),
+                ('age', models.CharField(max_length=100)),
+            ],
+        ),
+    ]

models.py

@@ -0,0 +1,29 @@
+from django.db import models
+
+
+# Create your models here.
+class user(models.Model):
+	name=models.CharField(max_length=100);
+	email=models.CharField(max_length=100);
+	pwd=models.CharField(max_length=100);
+	zip=models.CharField(max_length=100);
+	gender=models.CharField(max_length=100);
+	age=models.CharField(max_length=100);
+
+class accuracysc(models.Model):
+    algo=models.CharField(max_length=100);
+    accuracyv=models.FloatField(max_length=1000)
+    prec=models.FloatField(max_length=1000)
+    recall=models.FloatField(max_length=1000)
+    f1sc=models.FloatField(max_length=1000)
+
+
+	
+
+class tweets(models.Model):
+	sno = models.CharField(max_length=100);
+	tweet = models.TextField();
+	sentiment=models.CharField(max_length=100);
+
+	
+

static/css/font-awesome.css

@@ -0,0 +1,2199 @@
+/*!
+ *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+.fa {
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+  font-size: 1.33333333em;
+  line-height: 0.75em;
+  vertical-align: -15%;
+}
+.fa-2x {
+  font-size: 2em;
+}
+.fa-3x {
+  font-size: 3em;
+}
+.fa-4x {
+  font-size: 4em;
+}
+.fa-5x {
+  font-size: 5em;
+}
+.fa-fw {
+  width: 1.28571429em;
+  text-align: center;
+}
+.fa-ul {
+  padding-left: 0;
+  margin-left: 2.14285714em;
+  list-style-type: none;
+}
+.fa-ul > li {
+  position: relative;
+}
+.fa-li {
+  position: absolute;
+  left: -2.14285714em;
+  width: 2.14285714em;
+  top: 0.14285714em;
+  text-align: center;
+}
+.fa-li.fa-lg {
+  left: -1.85714286em;
+}
+.fa-border {
+  padding: .2em .25em .15em;
+  border: solid 0.08em #eee;
+  border-radius: .1em;
+}
+.fa-pull-left {
+  float: left;
+}
+.fa-pull-right {
+  float: right;
+}
+.fa.fa-pull-left {
+  margin-right: .3em;
+}
+.fa.fa-pull-right {
+  margin-left: .3em;
+}
+/* Deprecated as of 4.4.0 */
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+.fa.pull-left {
+  margin-right: .3em;
+}
+.fa.pull-right {
+  margin-left: .3em;
+}
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+  animation: fa-spin 2s infinite linear;
+}
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+  animation: fa-spin 1s infinite steps(8);
+}
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+.fa-rotate-90 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+.fa-rotate-180 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+.fa-rotate-270 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  -webkit-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  transform: rotate(270deg);
+}
+.fa-flip-horizontal {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+  -webkit-transform: scale(-1, 1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, 1);
+}
+.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(1, -1);
+  -ms-transform: scale(1, -1);
+  transform: scale(1, -1);
+}
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+  filter: none;
+}
+.fa-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.fa-stack-1x,
+.fa-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.fa-stack-1x {
+  line-height: inherit;
+}
+.fa-stack-2x {
+  font-size: 2em;
+}
+.fa-inverse {
+  color: #fff;
+}
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+   readers do not read off random characters that represent icons */
+.fa-glass:before {
+  content: "\f000";
+}
+.fa-music:before {
+  content: "\f001";
+}
+.fa-search:before {
+  content: "\f002";
+}
+.fa-envelope-o:before {
+  content: "\f003";
+}
+.fa-heart:before {
+  content: "\f004";
+}
+.fa-star:before {
+  content: "\f005";
+}
+.fa-star-o:before {
+  content: "\f006";
+}
+.fa-user:before {
+  content: "\f007";
+}
+.fa-film:before {
+  content: "\f008";
+}
+.fa-th-large:before {
+  content: "\f009";
+}
+.fa-th:before {
+  content: "\f00a";
+}
+.fa-th-list:before {
+  content: "\f00b";
+}
+.fa-check:before {
+  content: "\f00c";
+}
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+  content: "\f00d";
+}
+.fa-search-plus:before {
+  content: "\f00e";
+}
+.fa-search-minus:before {
+  content: "\f010";
+}
+.fa-power-off:before {
+  content: "\f011";
+}
+.fa-signal:before {
+  content: "\f012";
+}
+.fa-gear:before,
+.fa-cog:before {
+  content: "\f013";
+}
+.fa-trash-o:before {
+  content: "\f014";
+}
+.fa-home:before {
+  content: "\f015";
+}
+.fa-file-o:before {
+  content: "\f016";
+}
+.fa-clock-o:before {
+  content: "\f017";
+}
+.fa-road:before {
+  content: "\f018";
+}
+.fa-download:before {
+  content: "\f019";
+}
+.fa-arrow-circle-o-down:before {
+  content: "\f01a";
+}
+.fa-arrow-circle-o-up:before {
+  content: "\f01b";
+}
+.fa-inbox:before {
+  content: "\f01c";
+}
+.fa-play-circle-o:before {
+  content: "\f01d";
+}
+.fa-rotate-right:before,
+.fa-repeat:before {
+  content: "\f01e";
+}
+.fa-refresh:before {
+  content: "\f021";
+}
+.fa-list-alt:before {
+  content: "\f022";
+}
+.fa-lock:before {
+  content: "\f023";
+}
+.fa-flag:before {
+  content: "\f024";
+}
+.fa-headphones:before {
+  content: "\f025";
+}
+.fa-volume-off:before {
+  content: "\f026";
+}
+.fa-volume-down:before {
+  content: "\f027";
+}
+.fa-volume-up:before {
+  content: "\f028";
+}
+.fa-qrcode:before {
+  content: "\f029";
+}
+.fa-barcode:before {
+  content: "\f02a";
+}
+.fa-tag:before {
+  content: "\f02b";
+}
+.fa-tags:before {
+  content: "\f02c";
+}
+.fa-book:before {
+  content: "\f02d";
+}
+.fa-bookmark:before {
+  content: "\f02e";
+}
+.fa-print:before {
+  content: "\f02f";
+}
+.fa-camera:before {
+  content: "\f030";
+}
+.fa-font:before {
+  content: "\f031";
+}
+.fa-bold:before {
+  content: "\f032";
+}
+.fa-italic:before {
+  content: "\f033";
+}
+.fa-text-height:before {
+  content: "\f034";
+}
+.fa-text-width:before {
+  content: "\f035";
+}
+.fa-align-left:before {
+  content: "\f036";
+}
+.fa-align-center:before {
+  content: "\f037";
+}
+.fa-align-right:before {
+  content: "\f038";
+}
+.fa-align-justify:before {
+  content: "\f039";
+}
+.fa-list:before {
+  content: "\f03a";
+}
+.fa-dedent:before,
+.fa-outdent:before {
+  content: "\f03b";
+}
+.fa-indent:before {
+  content: "\f03c";
+}
+.fa-video-camera:before {
+  content: "\f03d";
+}
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+  content: "\f03e";
+}
+.fa-pencil:before {
+  content: "\f040";
+}
+.fa-map-marker:before {
+  content: "\f041";
+}
+.fa-adjust:before {
+  content: "\f042";
+}
+.fa-tint:before {
+  content: "\f043";
+}
+.fa-edit:before,
+.fa-pencil-square-o:before {
+  content: "\f044";
+}
+.fa-share-square-o:before {
+  content: "\f045";
+}
+.fa-check-square-o:before {
+  content: "\f046";
+}
+.fa-arrows:before {
+  content: "\f047";
+}
+.fa-step-backward:before {
+  content: "\f048";
+}
+.fa-fast-backward:before {
+  content: "\f049";
+}
+.fa-backward:before {
+  content: "\f04a";
+}
+.fa-play:before {
+  content: "\f04b";
+}
+.fa-pause:before {
+  content: "\f04c";
+}
+.fa-stop:before {
+  content: "\f04d";
+}
+.fa-forward:before {
+  content: "\f04e";
+}
+.fa-fast-forward:before {
+  content: "\f050";
+}
+.fa-step-forward:before {
+  content: "\f051";
+}
+.fa-eject:before {
+  content: "\f052";
+}
+.fa-chevron-left:before {
+  content: "\f053";
+}
+.fa-chevron-right:before {
+  content: "\f054";
+}
+.fa-plus-circle:before {
+  content: "\f055";
+}
+.fa-minus-circle:before {
+  content: "\f056";
+}
+.fa-times-circle:before {
+  content: "\f057";
+}
+.fa-check-circle:before {
+  content: "\f058";
+}
+.fa-question-circle:before {
+  content: "\f059";
+}
+.fa-info-circle:before {
+  content: "\f05a";
+}
+.fa-crosshairs:before {
+  content: "\f05b";
+}
+.fa-times-circle-o:before {
+  content: "\f05c";
+}
+.fa-check-circle-o:before {
+  content: "\f05d";
+}
+.fa-ban:before {
+  content: "\f05e";
+}
+.fa-arrow-left:before {
+  content: "\f060";
+}
+.fa-arrow-right:before {
+  content: "\f061";
+}
+.fa-arrow-up:before {
+  content: "\f062";
+}
+.fa-arrow-down:before {
+  content: "\f063";
+}
+.fa-mail-forward:before,
+.fa-share:before {
+  content: "\f064";
+}
+.fa-expand:before {
+  content: "\f065";
+}
+.fa-compress:before {
+  content: "\f066";
+}
+.fa-plus:before {
+  content: "\f067";
+}
+.fa-minus:before {
+  content: "\f068";
+}
+.fa-asterisk:before {
+  content: "\f069";
+}
+.fa-exclamation-circle:before {
+  content: "\f06a";
+}
+.fa-gift:before {
+  content: "\f06b";
+}
+.fa-leaf:before {
+  content: "\f06c";
+}
+.fa-fire:before {
+  content: "\f06d";
+}
+.fa-eye:before {
+  content: "\f06e";
+}
+.fa-eye-slash:before {
+  content: "\f070";
+}
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+  content: "\f071";
+}
+.fa-plane:before {
+  content: "\f072";
+}
+.fa-calendar:before {
+  content: "\f073";
+}
+.fa-random:before {
+  content: "\f074";
+}
+.fa-comment:before {
+  content: "\f075";
+}
+.fa-magnet:before {
+  content: "\f076";
+}
+.fa-chevron-up:before {
+  content: "\f077";
+}
+.fa-chevron-down:before {
+  content: "\f078";
+}
+.fa-retweet:before {
+  content: "\f079";
+}
+.fa-shopping-cart:before {
+  content: "\f07a";
+}
+.fa-folder:before {
+  content: "\f07b";
+}
+.fa-folder-open:before {
+  content: "\f07c";
+}
+.fa-arrows-v:before {
+  content: "\f07d";
+}
+.fa-arrows-h:before {
+  content: "\f07e";
+}
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+  content: "\f080";
+}
+.fa-twitter-square:before {
+  content: "\f081";
+}
+.fa-facebook-square:before {
+  content: "\f082";
+}
+.fa-camera-retro:before {
+  content: "\f083";
+}
+.fa-key:before {
+  content: "\f084";
+}
+.fa-gears:before,
+.fa-cogs:before {
+  content: "\f085";
+}
+.fa-comments:before {
+  content: "\f086";
+}
+.fa-thumbs-o-up:before {
+  content: "\f087";
+}
+.fa-thumbs-o-down:before {
+  content: "\f088";
+}
+.fa-star-half:before {
+  content: "\f089";
+}
+.fa-heart-o:before {
+  content: "\f08a";
+}
+.fa-sign-out:before {
+  content: "\f08b";
+}
+.fa-linkedin-square:before {
+  content: "\f08c";
+}
+.fa-thumb-tack:before {
+  content: "\f08d";
+}
+.fa-external-link:before {
+  content: "\f08e";
+}
+.fa-sign-in:before {
+  content: "\f090";
+}
+.fa-trophy:before {
+  content: "\f091";
+}
+.fa-github-square:before {
+  content: "\f092";
+}
+.fa-upload:before {
+  content: "\f093";
+}
+.fa-lemon-o:before {
+  content: "\f094";
+}
+.fa-phone:before {
+  content: "\f095";
+}
+.fa-square-o:before {
+  content: "\f096";
+}
+.fa-bookmark-o:before {
+  content: "\f097";
+}
+.fa-phone-square:before {
+  content: "\f098";
+}
+.fa-twitter:before {
+  content: "\f099";
+}
+.fa-facebook-f:before,
+.fa-facebook:before {
+  content: "\f09a";
+}
+.fa-github:before {
+  content: "\f09b";
+}
+.fa-unlock:before {
+  content: "\f09c";
+}
+.fa-credit-card:before {
+  content: "\f09d";
+}
+.fa-feed:before,
+.fa-rss:before {
+  content: "\f09e";
+}
+.fa-hdd-o:before {
+  content: "\f0a0";
+}
+.fa-bullhorn:before {
+  content: "\f0a1";
+}
+.fa-bell:before {
+  content: "\f0f3";
+}
+.fa-certificate:before {
+  content: "\f0a3";
+}
+.fa-hand-o-right:before {
+  content: "\f0a4";
+}
+.fa-hand-o-left:before {
+  content: "\f0a5";
+}
+.fa-hand-o-up:before {
+  content: "\f0a6";
+}
+.fa-hand-o-down:before {
+  content: "\f0a7";
+}
+.fa-arrow-circle-left:before {
+  content: "\f0a8";
+}
+.fa-arrow-circle-right:before {
+  content: "\f0a9";
+}
+.fa-arrow-circle-up:before {
+  content: "\f0aa";
+}
+.fa-arrow-circle-down:before {
+  content: "\f0ab";
+}
+.fa-globe:before {
+  content: "\f0ac";
+}
+.fa-wrench:before {
+  content: "\f0ad";
+}
+.fa-tasks:before {
+  content: "\f0ae";
+}
+.fa-filter:before {
+  content: "\f0b0";
+}
+.fa-briefcase:before {
+  content: "\f0b1";
+}
+.fa-arrows-alt:before {
+  content: "\f0b2";
+}
+.fa-group:before,
+.fa-users:before {
+  content: "\f0c0";
+}
+.fa-chain:before,
+.fa-link:before {
+  content: "\f0c1";
+}
+.fa-cloud:before {
+  content: "\f0c2";
+}
+.fa-flask:before {
+  content: "\f0c3";
+}
+.fa-cut:before,
+.fa-scissors:before {
+  content: "\f0c4";
+}
+.fa-copy:before,
+.fa-files-o:before {
+  content: "\f0c5";
+}
+.fa-paperclip:before {
+  content: "\f0c6";
+}
+.fa-save:before,
+.fa-floppy-o:before {
+  content: "\f0c7";
+}
+.fa-square:before {
+  content: "\f0c8";
+}
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+  content: "\f0c9";
+}
+.fa-list-ul:before {
+  content: "\f0ca";
+}
+.fa-list-ol:before {
+  content: "\f0cb";
+}
+.fa-strikethrough:before {
+  content: "\f0cc";
+}
+.fa-underline:before {
+  content: "\f0cd";
+}
+.fa-table:before {
+  content: "\f0ce";
+}
+.fa-magic:before {
+  content: "\f0d0";
+}
+.fa-truck:before {
+  content: "\f0d1";
+}
+.fa-pinterest:before {
+  content: "\f0d2";
+}
+.fa-pinterest-square:before {
+  content: "\f0d3";
+}
+.fa-google-plus-square:before {
+  content: "\f0d4";
+}
+.fa-google-plus:before {
+  content: "\f0d5";
+}
+.fa-money:before {
+  content: "\f0d6";
+}
+.fa-caret-down:before {
+  content: "\f0d7";
+}
+.fa-caret-up:before {
+  content: "\f0d8";
+}
+.fa-caret-left:before {
+  content: "\f0d9";
+}
+.fa-caret-right:before {
+  content: "\f0da";
+}
+.fa-columns:before {
+  content: "\f0db";
+}
+.fa-unsorted:before,
+.fa-sort:before {
+  content: "\f0dc";
+}
+.fa-sort-down:before,
+.fa-sort-desc:before {
+  content: "\f0dd";
+}
+.fa-sort-up:before,
+.fa-sort-asc:before {
+  content: "\f0de";
+}
+.fa-envelope:before {
+  content: "\f0e0";
+}
+.fa-linkedin:before {
+  content: "\f0e1";
+}
+.fa-rotate-left:before,
+.fa-undo:before {
+  content: "\f0e2";
+}
+.fa-legal:before,
+.fa-gavel:before {
+  content: "\f0e3";
+}
+.fa-dashboard:before,
+.fa-tachometer:before {
+  content: "\f0e4";
+}
+.fa-comment-o:before {
+  content: "\f0e5";
+}
+.fa-comments-o:before {
+  content: "\f0e6";
+}
+.fa-flash:before,
+.fa-bolt:before {
+  content: "\f0e7";
+}
+.fa-sitemap:before {
+  content: "\f0e8";
+}
+.fa-umbrella:before {
+  content: "\f0e9";
+}
+.fa-paste:before,
+.fa-clipboard:before {
+  content: "\f0ea";
+}
+.fa-lightbulb-o:before {
+  content: "\f0eb";
+}
+.fa-exchange:before {
+  content: "\f0ec";
+}
+.fa-cloud-download:before {
+  content: "\f0ed";
+}
+.fa-cloud-upload:before {
+  content: "\f0ee";
+}
+.fa-user-md:before {
+  content: "\f0f0";
+}
+.fa-stethoscope:before {
+  content: "\f0f1";
+}
+.fa-suitcase:before {
+  content: "\f0f2";
+}
+.fa-bell-o:before {
+  content: "\f0a2";
+}
+.fa-coffee:before {
+  content: "\f0f4";
+}
+.fa-cutlery:before {
+  content: "\f0f5";
+}
+.fa-file-text-o:before {
+  content: "\f0f6";
+}
+.fa-building-o:before {
+  content: "\f0f7";
+}
+.fa-hospital-o:before {
+  content: "\f0f8";
+}
+.fa-ambulance:before {
+  content: "\f0f9";
+}
+.fa-medkit:before {
+  content: "\f0fa";
+}
+.fa-fighter-jet:before {
+  content: "\f0fb";
+}
+.fa-beer:before {
+  content: "\f0fc";
+}
+.fa-h-square:before {
+  content: "\f0fd";
+}
+.fa-plus-square:before {
+  content: "\f0fe";
+}
+.fa-angle-double-left:before {
+  content: "\f100";
+}
+.fa-angle-double-right:before {
+  content: "\f101";
+}
+.fa-angle-double-up:before {
+  content: "\f102";
+}
+.fa-angle-double-down:before {
+  content: "\f103";
+}
+.fa-angle-left:before {
+  content: "\f104";
+}
+.fa-angle-right:before {
+  content: "\f105";
+}
+.fa-angle-up:before {
+  content: "\f106";
+}
+.fa-angle-down:before {
+  content: "\f107";
+}
+.fa-desktop:before {
+  content: "\f108";
+}
+.fa-laptop:before {
+  content: "\f109";
+}
+.fa-tablet:before {
+  content: "\f10a";
+}
+.fa-mobile-phone:before,
+.fa-mobile:before {
+  content: "\f10b";
+}
+.fa-circle-o:before {
+  content: "\f10c";
+}
+.fa-quote-left:before {
+  content: "\f10d";
+}
+.fa-quote-right:before {
+  content: "\f10e";
+}
+.fa-spinner:before {
+  content: "\f110";
+}
+.fa-circle:before {
+  content: "\f111";
+}
+.fa-mail-reply:before,
+.fa-reply:before {
+  content: "\f112";
+}
+.fa-github-alt:before {
+  content: "\f113";
+}
+.fa-folder-o:before {
+  content: "\f114";
+}
+.fa-folder-open-o:before {
+  content: "\f115";
+}
+.fa-smile-o:before {
+  content: "\f118";
+}
+.fa-frown-o:before {
+  content: "\f119";
+}
+.fa-meh-o:before {
+  content: "\f11a";
+}
+.fa-gamepad:before {
+  content: "\f11b";
+}
+.fa-keyboard-o:before {
+  content: "\f11c";
+}
+.fa-flag-o:before {
+  content: "\f11d";
+}
+.fa-flag-checkered:before {
+  content: "\f11e";
+}
+.fa-terminal:before {
+  content: "\f120";
+}
+.fa-code:before {
+  content: "\f121";
+}
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+  content: "\f122";
+}
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+  content: "\f123";
+}
+.fa-location-arrow:before {
+  content: "\f124";
+}
+.fa-crop:before {
+  content: "\f125";
+}
+.fa-code-fork:before {
+  content: "\f126";
+}
+.fa-unlink:before,
+.fa-chain-broken:before {
+  content: "\f127";
+}
+.fa-question:before {
+  content: "\f128";
+}
+.fa-info:before {
+  content: "\f129";
+}
+.fa-exclamation:before {
+  content: "\f12a";
+}
+.fa-superscript:before {
+  content: "\f12b";
+}
+.fa-subscript:before {
+  content: "\f12c";
+}
+.fa-eraser:before {
+  content: "\f12d";
+}
+.fa-puzzle-piece:before {
+  content: "\f12e";
+}
+.fa-microphone:before {
+  content: "\f130";
+}
+.fa-microphone-slash:before {
+  content: "\f131";
+}
+.fa-shield:before {
+  content: "\f132";
+}
+.fa-calendar-o:before {
+  content: "\f133";
+}
+.fa-fire-extinguisher:before {
+  content: "\f134";
+}
+.fa-rocket:before {
+  content: "\f135";
+}
+.fa-maxcdn:before {
+  content: "\f136";
+}
+.fa-chevron-circle-left:before {
+  content: "\f137";
+}
+.fa-chevron-circle-right:before {
+  content: "\f138";
+}
+.fa-chevron-circle-up:before {
+  content: "\f139";
+}
+.fa-chevron-circle-down:before {
+  content: "\f13a";
+}
+.fa-html5:before {
+  content: "\f13b";
+}
+.fa-css3:before {
+  content: "\f13c";
+}
+.fa-anchor:before {
+  content: "\f13d";
+}
+.fa-unlock-alt:before {
+  content: "\f13e";
+}
+.fa-bullseye:before {
+  content: "\f140";
+}
+.fa-ellipsis-h:before {
+  content: "\f141";
+}
+.fa-ellipsis-v:before {
+  content: "\f142";
+}
+.fa-rss-square:before {
+  content: "\f143";
+}
+.fa-play-circle:before {
+  content: "\f144";
+}
+.fa-ticket:before {
+  content: "\f145";
+}
+.fa-minus-square:before {
+  content: "\f146";
+}
+.fa-minus-square-o:before {
+  content: "\f147";
+}
+.fa-level-up:before {
+  content: "\f148";
+}
+.fa-level-down:before {
+  content: "\f149";
+}
+.fa-check-square:before {
+  content: "\f14a";
+}
+.fa-pencil-square:before {
+  content: "\f14b";
+}
+.fa-external-link-square:before {
+  content: "\f14c";
+}
+.fa-share-square:before {
+  content: "\f14d";
+}
+.fa-compass:before {
+  content: "\f14e";
+}
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+  content: "\f150";
+}
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+  content: "\f151";
+}
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+  content: "\f152";
+}
+.fa-euro:before,
+.fa-eur:before {
+  content: "\f153";
+}
+.fa-gbp:before {
+  content: "\f154";
+}
+.fa-dollar:before,
+.fa-usd:before {
+  content: "\f155";
+}
+.fa-rupee:before,
+.fa-inr:before {
+  content: "\f156";
+}
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+  content: "\f157";
+}
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+  content: "\f158";
+}
+.fa-won:before,
+.fa-krw:before {
+  content: "\f159";
+}
+.fa-bitcoin:before,
+.fa-btc:before {
+  content: "\f15a";
+}
+.fa-file:before {
+  content: "\f15b";
+}
+.fa-file-text:before {
+  content: "\f15c";
+}
+.fa-sort-alpha-asc:before {
+  content: "\f15d";
+}
+.fa-sort-alpha-desc:before {
+  content: "\f15e";
+}
+.fa-sort-amount-asc:before {
+  content: "\f160";
+}
+.fa-sort-amount-desc:before {
+  content: "\f161";
+}
+.fa-sort-numeric-asc:before {
+  content: "\f162";
+}
+.fa-sort-numeric-desc:before {
+  content: "\f163";
+}
+.fa-thumbs-up:before {
+  content: "\f164";
+}
+.fa-thumbs-down:before {
+  content: "\f165";
+}
+.fa-youtube-square:before {
+  content: "\f166";
+}
+.fa-youtube:before {
+  content: "\f167";
+}
+.fa-xing:before {
+  content: "\f168";
+}
+.fa-xing-square:before {
+  content: "\f169";
+}
+.fa-youtube-play:before {
+  content: "\f16a";
+}
+.fa-dropbox:before {
+  content: "\f16b";
+}
+.fa-stack-overflow:before {
+  content: "\f16c";
+}
+.fa-instagram:before {
+  content: "\f16d";
+}
+.fa-flickr:before {
+  content: "\f16e";
+}
+.fa-adn:before {
+  content: "\f170";
+}
+.fa-bitbucket:before {
+  content: "\f171";
+}
+.fa-bitbucket-square:before {
+  content: "\f172";
+}
+.fa-tumblr:before {
+  content: "\f173";
+}
+.fa-tumblr-square:before {
+  content: "\f174";
+}
+.fa-long-arrow-down:before {
+  content: "\f175";
+}
+.fa-long-arrow-up:before {
+  content: "\f176";
+}
+.fa-long-arrow-left:before {
+  content: "\f177";
+}
+.fa-long-arrow-right:before {
+  content: "\f178";
+}
+.fa-apple:before {
+  content: "\f179";
+}
+.fa-windows:before {
+  content: "\f17a";
+}
+.fa-android:before {
+  content: "\f17b";
+}
+.fa-linux:before {
+  content: "\f17c";
+}
+.fa-dribbble:before {
+  content: "\f17d";
+}
+.fa-skype:before {
+  content: "\f17e";
+}
+.fa-foursquare:before {
+  content: "\f180";
+}
+.fa-trello:before {
+  content: "\f181";
+}
+.fa-female:before {
+  content: "\f182";
+}
+.fa-male:before {
+  content: "\f183";
+}
+.fa-gittip:before,
+.fa-gratipay:before {
+  content: "\f184";
+}
+.fa-sun-o:before {
+  content: "\f185";
+}
+.fa-moon-o:before {
+  content: "\f186";
+}
+.fa-archive:before {
+  content: "\f187";
+}
+.fa-bug:before {
+  content: "\f188";
+}
+.fa-vk:before {
+  content: "\f189";
+}
+.fa-weibo:before {
+  content: "\f18a";
+}
+.fa-renren:before {
+  content: "\f18b";
+}
+.fa-pagelines:before {
+  content: "\f18c";
+}
+.fa-stack-exchange:before {
+  content: "\f18d";
+}
+.fa-arrow-circle-o-right:before {
+  content: "\f18e";
+}
+.fa-arrow-circle-o-left:before {
+  content: "\f190";
+}
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+  content: "\f191";
+}
+.fa-dot-circle-o:before {
+  content: "\f192";
+}
+.fa-wheelchair:before {
+  content: "\f193";
+}
+.fa-vimeo-square:before {
+  content: "\f194";
+}
+.fa-turkish-lira:before,
+.fa-try:before {
+  content: "\f195";
+}
+.fa-plus-square-o:before {
+  content: "\f196";
+}
+.fa-space-shuttle:before {
+  content: "\f197";
+}
+.fa-slack:before {
+  content: "\f198";
+}
+.fa-envelope-square:before {
+  content: "\f199";
+}
+.fa-wordpress:before {
+  content: "\f19a";
+}
+.fa-openid:before {
+  content: "\f19b";
+}
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+  content: "\f19c";
+}
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+  content: "\f19d";
+}
+.fa-yahoo:before {
+  content: "\f19e";
+}
+.fa-google:before {
+  content: "\f1a0";
+}
+.fa-reddit:before {
+  content: "\f1a1";
+}
+.fa-reddit-square:before {
+  content: "\f1a2";
+}
+.fa-stumbleupon-circle:before {
+  content: "\f1a3";
+}
+.fa-stumbleupon:before {
+  content: "\f1a4";
+}
+.fa-delicious:before {
+  content: "\f1a5";
+}
+.fa-digg:before {
+  content: "\f1a6";
+}
+.fa-pied-piper-pp:before {
+  content: "\f1a7";
+}
+.fa-pied-piper-alt:before {
+  content: "\f1a8";
+}
+.fa-drupal:before {
+  content: "\f1a9";
+}
+.fa-joomla:before {
+  content: "\f1aa";
+}
+.fa-language:before {
+  content: "\f1ab";
+}
+.fa-fax:before {
+  content: "\f1ac";
+}
+.fa-building:before {
+  content: "\f1ad";
+}
+.fa-child:before {
+  content: "\f1ae";
+}
+.fa-paw:before {
+  content: "\f1b0";
+}
+.fa-spoon:before {
+  content: "\f1b1";
+}
+.fa-cube:before {
+  content: "\f1b2";
+}
+.fa-cubes:before {
+  content: "\f1b3";
+}
+.fa-behance:before {
+  content: "\f1b4";
+}
+.fa-behance-square:before {
+  content: "\f1b5";
+}
+.fa-steam:before {
+  content: "\f1b6";
+}
+.fa-steam-square:before {
+  content: "\f1b7";
+}
+.fa-recycle:before {
+  content: "\f1b8";
+}
+.fa-automobile:before,
+.fa-car:before {
+  content: "\f1b9";
+}
+.fa-cab:before,
+.fa-taxi:before {
+  content: "\f1ba";
+}
+.fa-tree:before {
+  content: "\f1bb";
+}
+.fa-spotify:before {
+  content: "\f1bc";
+}
+.fa-deviantart:before {
+  content: "\f1bd";
+}
+.fa-soundcloud:before {
+  content: "\f1be";
+}
+.fa-database:before {
+  content: "\f1c0";
+}
+.fa-file-pdf-o:before {
+  content: "\f1c1";
+}
+.fa-file-word-o:before {
+  content: "\f1c2";
+}
+.fa-file-excel-o:before {
+  content: "\f1c3";
+}
+.fa-file-powerpoint-o:before {
+  content: "\f1c4";
+}
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+  content: "\f1c5";
+}
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+  content: "\f1c6";
+}
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+  content: "\f1c7";
+}
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+  content: "\f1c8";
+}
+.fa-file-code-o:before {
+  content: "\f1c9";
+}
+.fa-vine:before {
+  content: "\f1ca";
+}
+.fa-codepen:before {
+  content: "\f1cb";
+}
+.fa-jsfiddle:before {
+  content: "\f1cc";
+}
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+  content: "\f1cd";
+}
+.fa-circle-o-notch:before {
+  content: "\f1ce";
+}
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+  content: "\f1d0";
+}
+.fa-ge:before,
+.fa-empire:before {
+  content: "\f1d1";
+}
+.fa-git-square:before {
+  content: "\f1d2";
+}
+.fa-git:before {
+  content: "\f1d3";
+}
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+  content: "\f1d4";
+}
+.fa-tencent-weibo:before {
+  content: "\f1d5";
+}
+.fa-qq:before {
+  content: "\f1d6";
+}
+.fa-wechat:before,
+.fa-weixin:before {
+  content: "\f1d7";
+}
+.fa-send:before,
+.fa-paper-plane:before {
+  content: "\f1d8";
+}
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+  content: "\f1d9";
+}
+.fa-history:before {
+  content: "\f1da";
+}
+.fa-circle-thin:before {
+  content: "\f1db";
+}
+.fa-header:before {
+  content: "\f1dc";
+}
+.fa-paragraph:before {
+  content: "\f1dd";
+}
+.fa-sliders:before {
+  content: "\f1de";
+}
+.fa-share-alt:before {
+  content: "\f1e0";
+}
+.fa-share-alt-square:before {
+  content: "\f1e1";
+}
+.fa-bomb:before {
+  content: "\f1e2";
+}
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+  content: "\f1e3";
+}
+.fa-tty:before {
+  content: "\f1e4";
+}
+.fa-binoculars:before {
+  content: "\f1e5";
+}
+.fa-plug:before {
+  content: "\f1e6";
+}
+.fa-slideshare:before {
+  content: "\f1e7";
+}
+.fa-twitch:before {
+  content: "\f1e8";
+}
+.fa-yelp:before {
+  content: "\f1e9";
+}
+.fa-newspaper-o:before {
+  content: "\f1ea";
+}
+.fa-wifi:before {
+  content: "\f1eb";
+}
+.fa-calculator:before {
+  content: "\f1ec";
+}
+.fa-paypal:before {
+  content: "\f1ed";
+}
+.fa-google-wallet:before {
+  content: "\f1ee";
+}
+.fa-cc-visa:before {
+  content: "\f1f0";
+}
+.fa-cc-mastercard:before {
+  content: "\f1f1";
+}
+.fa-cc-discover:before {
+  content: "\f1f2";
+}
+.fa-cc-amex:before {
+  content: "\f1f3";
+}
+.fa-cc-paypal:before {
+  content: "\f1f4";
+}
+.fa-cc-stripe:before {
+  content: "\f1f5";
+}
+.fa-bell-slash:before {
+  content: "\f1f6";
+}
+.fa-bell-slash-o:before {
+  content: "\f1f7";
+}
+.fa-trash:before {
+  content: "\f1f8";
+}
+.fa-copyright:before {
+  content: "\f1f9";
+}
+.fa-at:before {
+  content: "\f1fa";
+}
+.fa-eyedropper:before {
+  content: "\f1fb";
+}
+.fa-paint-brush:before {
+  content: "\f1fc";
+}
+.fa-birthday-cake:before {
+  content: "\f1fd";
+}
+.fa-area-chart:before {
+  content: "\f1fe";
+}
+.fa-pie-chart:before {
+  content: "\f200";
+}
+.fa-line-chart:before {
+  content: "\f201";
+}
+.fa-lastfm:before {
+  content: "\f202";
+}
+.fa-lastfm-square:before {
+  content: "\f203";
+}
+.fa-toggle-off:before {
+  content: "\f204";
+}
+.fa-toggle-on:before {
+  content: "\f205";
+}
+.fa-bicycle:before {
+  content: "\f206";
+}
+.fa-bus:before {
+  content: "\f207";
+}
+.fa-ioxhost:before {
+  content: "\f208";
+}
+.fa-angellist:before {
+  content: "\f209";
+}
+.fa-cc:before {
+  content: "\f20a";
+}
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+  content: "\f20b";
+}
+.fa-meanpath:before {
+  content: "\f20c";
+}
+.fa-buysellads:before {
+  content: "\f20d";
+}
+.fa-connectdevelop:before {
+  content: "\f20e";
+}
+.fa-dashcube:before {
+  content: "\f210";
+}
+.fa-forumbee:before {
+  content: "\f211";
+}
+.fa-leanpub:before {
+  content: "\f212";
+}
+.fa-sellsy:before {
+  content: "\f213";
+}
+.fa-shirtsinbulk:before {
+  content: "\f214";
+}
+.fa-simplybuilt:before {
+  content: "\f215";
+}
+.fa-skyatlas:before {
+  content: "\f216";
+}
+.fa-cart-plus:before {
+  content: "\f217";
+}
+.fa-cart-arrow-down:before {
+  content: "\f218";
+}
+.fa-diamond:before {
+  content: "\f219";
+}
+.fa-ship:before {
+  content: "\f21a";
+}
+.fa-user-secret:before {
+  content: "\f21b";
+}
+.fa-motorcycle:before {
+  content: "\f21c";
+}
+.fa-street-view:before {
+  content: "\f21d";
+}
+.fa-heartbeat:before {
+  content: "\f21e";
+}
+.fa-venus:before {
+  content: "\f221";
+}
+.fa-mars:before {
+  content: "\f222";
+}
+.fa-mercury:before {
+  content: "\f223";
+}
+.fa-intersex:before,
+.fa-transgender:before {
+  content: "\f224";
+}
+.fa-transgender-alt:before {
+  content: "\f225";
+}
+.fa-venus-double:before {
+  content: "\f226";
+}
+.fa-mars-double:before {
+  content: "\f227";
+}
+.fa-venus-mars:before {
+  content: "\f228";
+}
+.fa-mars-stroke:before {
+  content: "\f229";
+}
+.fa-mars-stroke-v:before {
+  content: "\f22a";
+}
+.fa-mars-stroke-h:before {
+  content: "\f22b";
+}
+.fa-neuter:before {
+  content: "\f22c";
+}
+.fa-genderless:before {
+  content: "\f22d";
+}
+.fa-facebook-official:before {
+  content: "\f230";
+}
+.fa-pinterest-p:before {
+  content: "\f231";
+}
+.fa-whatsapp:before {
+  content: "\f232";
+}
+.fa-server:before {
+  content: "\f233";
+}
+.fa-user-plus:before {
+  content: "\f234";
+}
+.fa-user-times:before {
+  content: "\f235";
+}
+.fa-hotel:before,
+.fa-bed:before {
+  content: "\f236";
+}
+.fa-viacoin:before {
+  content: "\f237";
+}
+.fa-train:before {
+  content: "\f238";
+}
+.fa-subway:before {
+  content: "\f239";
+}
+.fa-medium:before {
+  content: "\f23a";
+}
+.fa-yc:before,
+.fa-y-combinator:before {
+  content: "\f23b";
+}
+.fa-optin-monster:before {
+  content: "\f23c";
+}
+.fa-opencart:before {
+  content: "\f23d";
+}
+.fa-expeditedssl:before {
+  content: "\f23e";
+}
+.fa-battery-4:before,
+.fa-battery-full:before {
+  content: "\f240";
+}
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+  content: "\f241";
+}
+.fa-battery-2:before,
+.fa-battery-half:before {
+  content: "\f242";
+}
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+  content: "\f243";
+}
+.fa-battery-0:before,
+.fa-battery-empty:before {
+  content: "\f244";
+}
+.fa-mouse-pointer:before {
+  content: "\f245";
+}
+.fa-i-cursor:before {
+  content: "\f246";
+}
+.fa-object-group:before {
+  content: "\f247";
+}
+.fa-object-ungroup:before {
+  content: "\f248";
+}
+.fa-sticky-note:before {
+  content: "\f249";
+}
+.fa-sticky-note-o:before {
+  content: "\f24a";
+}
+.fa-cc-jcb:before {
+  content: "\f24b";
+}
+.fa-cc-diners-club:before {
+  content: "\f24c";
+}
+.fa-clone:before {
+  content: "\f24d";
+}
+.fa-balance-scale:before {
+  content: "\f24e";
+}
+.fa-hourglass-o:before {
+  content: "\f250";
+}
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+  content: "\f251";
+}
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+  content: "\f252";
+}
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+  content: "\f253";
+}
+.fa-hourglass:before {
+  content: "\f254";
+}
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+  content: "\f255";
+}
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+  content: "\f256";
+}
+.fa-hand-scissors-o:before {
+  content: "\f257";
+}
+.fa-hand-lizard-o:before {
+  content: "\f258";
+}
+.fa-hand-spock-o:before {
+  content: "\f259";
+}
+.fa-hand-pointer-o:before {
+  content: "\f25a";
+}
+.fa-hand-peace-o:before {
+  content: "\f25b";
+}
+.fa-trademark:before {
+  content: "\f25c";
+}
+.fa-registered:before {
+  content: "\f25d";
+}
+.fa-creative-commons:before {
+  content: "\f25e";
+}
+.fa-gg:before {
+  content: "\f260";
+}
+.fa-gg-circle:before {
+  content: "\f261";
+}
+.fa-tripadvisor:before {
+  content: "\f262";
+}
+.fa-odnoklassniki:before {
+  content: "\f263";
+}
+.fa-odnoklassniki-square:before {
+  content: "\f264";
+}
+.fa-get-pocket:before {
+  content: "\f265";
+}
+.fa-wikipedia-w:before {
+  content: "\f266";
+}
+.fa-safari:before {
+  content: "\f267";
+}
+.fa-chrome:before {
+  content: "\f268";
+}
+.fa-firefox:before {
+  content: "\f269";
+}
+.fa-opera:before {
+  content: "\f26a";
+}
+.fa-internet-explorer:before {
+  content: "\f26b";
+}
+.fa-tv:before,
+.fa-television:before {
+  content: "\f26c";
+}
+.fa-contao:before {
+  content: "\f26d";
+}
+.fa-500px:before {
+  content: "\f26e";
+}
+.fa-amazon:before {
+  content: "\f270";
+}
+.fa-calendar-plus-o:before {
+  content: "\f271";
+}
+.fa-calendar-minus-o:before {
+  content: "\f272";
+}
+.fa-calendar-times-o:before {
+  content: "\f273";
+}
+.fa-calendar-check-o:before {
+  content: "\f274";
+}
+.fa-industry:before {
+  content: "\f275";
+}
+.fa-map-pin:before {
+  content: "\f276";
+}
+.fa-map-signs:before {
+  content: "\f277";
+}
+.fa-map-o:before {
+  content: "\f278";
+}
+.fa-map:before {
+  content: "\f279";
+}
+.fa-commenting:before {
+  content: "\f27a";
+}
+.fa-commenting-o:before {
+  content: "\f27b";
+}
+.fa-houzz:before {
+  content: "\f27c";
+}
+.fa-vimeo:before {
+  content: "\f27d";
+}
+.fa-black-tie:before {
+  content: "\f27e";
+}
+.fa-fonticons:before {
+  content: "\f280";
+}
+.fa-reddit-alien:before {
+  content: "\f281";
+}
+.fa-edge:before {
+  content: "\f282";
+}
+.fa-credit-card-alt:before {
+  content: "\f283";
+}
+.fa-codiepie:before {
+  content: "\f284";
+}
+.fa-modx:before {
+  content: "\f285";
+}
+.fa-fort-awesome:before {
+  content: "\f286";
+}
+.fa-usb:before {
+  content: "\f287";
+}
+.fa-product-hunt:before {
+  content: "\f288";
+}
+.fa-mixcloud:before {
+  content: "\f289";
+}
+.fa-scribd:before {
+  content: "\f28a";
+}
+.fa-pause-circle:before {
+  content: "\f28b";
+}
+.fa-pause-circle-o:before {
+  content: "\f28c";
+}
+.fa-stop-circle:before {
+  content: "\f28d";
+}
+.fa-stop-circle-o:before {
+  content: "\f28e";
+}
+.fa-shopping-bag:before {
+  content: "\f290";
+}
+.fa-shopping-basket:before {
+  content: "\f291";
+}
+.fa-hashtag:before {
+  content: "\f292";
+}
+.fa-bluetooth:before {
+  content: "\f293";
+}
+.fa-bluetooth-b:before {
+  content: "\f294";
+}
+.fa-percent:before {
+  content: "\f295";
+}
+.fa-gitlab:before {
+  content: "\f296";
+}
+.fa-wpbeginner:before {
+  content: "\f297";
+}
+.fa-wpforms:before {
+  content: "\f298";
+}
+.fa-envira:before {
+  content: "\f299";
+}
+.fa-universal-access:before {
+  content: "\f29a";
+}
+.fa-wheelchair-alt:before {
+  content: "\f29b";
+}
+.fa-question-circle-o:before {
+  content: "\f29c";
+}
+.fa-blind:before {
+  content: "\f29d";
+}
+.fa-audio-description:before {
+  content: "\f29e";
+}
+.fa-volume-control-phone:before {
+  content: "\f2a0";
+}
+.fa-braille:before {
+  content: "\f2a1";
+}
+.fa-assistive-listening-systems:before {
+  content: "\f2a2";
+}
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+  content: "\f2a3";
+}
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+  content: "\f2a4";
+}
+.fa-glide:before {
+  content: "\f2a5";
+}
+.fa-glide-g:before {
+  content: "\f2a6";
+}
+.fa-signing:before,
+.fa-sign-language:before {
+  content: "\f2a7";
+}
+.fa-low-vision:before {
+  content: "\f2a8";
+}
+.fa-viadeo:before {
+  content: "\f2a9";
+}
+.fa-viadeo-square:before {
+  content: "\f2aa";
+}
+.fa-snapchat:before {
+  content: "\f2ab";
+}
+.fa-snapchat-ghost:before {
+  content: "\f2ac";
+}
+.fa-snapchat-square:before {
+  content: "\f2ad";
+}
+.fa-pied-piper:before {
+  content: "\f2ae";
+}
+.fa-first-order:before {
+  content: "\f2b0";
+}
+.fa-yoast:before {
+  content: "\f2b1";
+}
+.fa-themeisle:before {
+  content: "\f2b2";
+}
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+  content: "\f2b3";
+}
+.fa-fa:before,
+.fa-font-awesome:before {
+  content: "\f2b4";
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}

static/css/skdslider.css

@@ -0,0 +1,369 @@
+.skdslider{
+	 width:100%;
+	 position: relative;
+	 display: block;
+	 overflow:hidden;
+	 height: 500px;
+}
+
+.skdslider:after {
+    content: '';
+    padding-top: 50%; 
+    display: block;
+}
+
+.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
+.skdslider ul.slides li
+{
+   display: none;
+}
+.skdslider ul.slides li img{
+    width: 100%;
+	border:0;
+}
+
+.skdslider ul.slide-navs {
+    bottom: 20px;
+    left: 50%;
+    position: absolute;
+	list-style-type: none;
+    margin: 0;
+    padding: 0;
+}
+
+
+.skdslider ul.slide-navs li {
+    float: left;
+	height:12px;
+	width:12px;
+	margin-right:4px;
+	cursor:pointer;
+}
+.skdslider ul.slide-navs li.current-slide {
+}
+
+.skdslider .slide-desc {
+    left: 0;
+    padding: 20px;
+    position: absolute;
+    bottom: 28%;
+    width: 100%;
+    display: inline-block;
+	text-align:center;
+}
+.skdslider .slide-desc > h3 {
+    color: #ffffff;
+    font-size: 50px;
+    margin-bottom: 20px;
+    padding: 10px;
+    width: 54%;
+	line-height:65px;
+    margin: 0 auto;
+	font-weight:600;
+    letter-spacing: 2px;
+	text-transform:uppercase;
+}
+
+.skdslider .slide-desc > p {
+    color: #FFFFFF;
+    font-size: 15px;
+    line-height: 28px;
+    margin: 0px auto 20px;
+    width: 65%;
+   
+    padding: 12px;
+}
+.skdslider .slide-desc > a.more {
+    color:#990000;
+	font-size:25px;
+	text-decoration:none;
+}
+.skdslider .slide-desc > a.more:hover {
+text-decoration:underline;
+}
+
+.skdslider a.prev{
+    background: url("../images/") no-repeat scroll 0 0 transparent;
+	width:35px;
+	height:35px;
+	display:block;
+	cursor:pointer;
+	position:absolute;
+	top:55%;
+	left:2%;
+	margin-top:-17px;
+}
+
+.skdslider a.next{
+    background: url("../images/") no-repeat scroll 0 0 transparent;
+	width:35px;
+	height:35px;
+	display:block;
+	cursor:pointer;
+	position:absolute;
+	top:55%;
+	right:2%;
+	margin-top:-17px;
+}
+.skdslider a.prev:hover{
+  
+}
+.skdslider a.next:hover{
+  
+}
+
+.skdslider a.play{
+    background: url("../images/") no-repeat scroll center center transparent;
+	width:35px;
+	height:35px;
+	display:none;
+	cursor:pointer;
+	position:absolute;
+    bottom : 6%;
+    right: 2%;
+	margin-top:-17px;
+}
+
+.skdslider a.pause{
+    background: url(../images/) no-repeat scroll center center transparent;
+    width: 35px;
+    height: 35px;
+    display: none;
+    cursor: pointer;
+    position: absolute;
+    bottom : 6%;
+    right: 2%;
+    margin-top: -17px;
+}
+
+/*-- responsive media queries --*/
+/*Some Responsive CSS */
+@media (max-width: 1440px){
+	.skdslider .slide-desc > p {
+		width: 70%;
+	}
+	.skdslider .slide-desc > h3 {
+		font-size: 38px;
+	}
+	.skdslider .slide-desc {
+		bottom: 42%;
+	}
+	.skdslider {
+		height: 556px;
+	}
+}
+@media (max-width: 1366px){
+	.skdslider {
+		height: 527px;
+	}	
+	.skdslider .slide-desc > h3 {
+		font-size: 36px;
+	}
+	.skdslider .slide-desc > p {
+		width: 75%;
+	}
+	.skdslider .slide-desc {
+		bottom: 41%;
+	}
+}
+@media (max-width: 1280px){
+	.skdslider {
+		height: 493px;
+	}	
+	.skdslider .slide-desc > p {
+		font-size: 14px;
+	}
+	.skdslider .slide-desc {
+    bottom: 27%;
+}
+}
+@media (max-width: 1080px){
+	.skdslider {
+		height: 550px;
+	}
+	.skdslider .slide-desc > p {
+		font-size: 13px;
+		width: 85%;
+	}
+	.skdslider .slide-desc > h3 {
+		font-size: 34px;
+	}
+}
+@media (max-width: 1050px){
+	.skdslider {
+		height:393px;
+	}
+	.skdslider .slide-desc > h3 {
+		font-size: 32px;
+	}
+	.skdslider .slide-desc {
+    bottom: 22%;
+}
+.skdslider .slide-desc > h3 {
+    width: 64%;
+    line-height: 58px;
+}
+}
+@media (max-width: 1024px){
+	.skdslider {
+		height: 393px;
+	}
+	.skdslider .slide-desc > h3 {
+		font-size: 30px;
+	}
+}
+@media (max-width: 991px){
+	.skdslider {
+		height: 330px;
+	}
+	.skdslider .slide-desc {
+		bottom: 22%;
+	}
+	.skdslider .slide-desc > p {
+		line-height: 24px;
+		letter-spacing: 1px;
+	}
+	.skdslider .slide-desc > h3 {
+    line-height: 48px;
+}
+.skdslider ul.slides li img {
+    width: none;
+}
+}
+@media (max-width: 800px){
+	.skdslider .slide-desc > h3 {
+		font-size: 26px;
+	}
+	.skdslider {
+		height: 307px;
+	}
+	.skdslider .slide-desc > p {
+		line-height: 22px;
+		letter-spacing: 0.5px;
+	}
+	.skdslider .slide-desc > p {
+		font-size: 12.5px;
+		width: 90%;
+	}
+}
+@media screen and (max-width:768px) {
+	.skdslider .slide-desc > h3 {
+		font-size: 24px;
+	}
+	.skdslider {
+		height: 295px;
+	}
+	.skdslider .slide-desc > p a.more {
+		font-size:14px;
+	}
+}
+@media screen and (max-width:736px) {	
+	.skdslider {
+		height: 281px;
+	}
+	.skdslider .slide-desc {
+		bottom: 18%;
+	}
+}
+@media screen and (max-width:667px) {	
+	.skdslider {
+		height: 254px;
+	}
+	.skdslider .slide-desc {
+		bottom: 14%;
+	}
+	.skdslider .slide-desc > p {
+		padding: 10px;
+	}
+}
+@media screen and (max-width:640px) {
+	.skdslider {
+		height: 243px;
+	}
+	.skdslider .slide-desc > h3 {
+		width: 100%;
+		font-size: 22px;
+	}	
+	.skdslider .slide-desc > p {
+		padding: 8px;
+	}
+}
+@media screen and (max-width:600px) {
+	.skdslider {
+		height: 229px;
+	}
+	.skdslider .slide-desc > h3 {
+		font-size: 22px;
+		letter-spacing: 2px;
+		width: 100%;
+	}	
+	.skdslider .slide-desc > p {
+		padding: 6px;
+		font-size: 12px;
+	}
+}
+@media (max-width: 568px){
+	.skdslider {
+		height: 216px;
+	}
+	.skdslider .slide-desc > p {
+		line-height: 20px;
+		letter-spacing: 0px;
+	}
+}
+@media (max-width: 480px){
+	.skdslider {
+		height: 181px;
+	}	
+	.skdslider .slide-desc > p {
+		width:93%;
+		padding: 8px;
+	}
+	.skdslider .slide-desc > h3 {
+    line-height: 34px;
+}
+}
+@media (max-width: 414px){	
+	.skdslider {
+		height: 154px;
+	}	
+	.skdslider .slide-desc {
+		bottom: 10%;
+	}
+	.skdslider .slide-desc > h3 {
+		font-size: 18px;
+		width: 100%;
+	}
+	.skdslider .slide-desc > h3 {
+    line-height: 30px;
+}	
+}
+@media (max-width: 384px){	
+	.skdslider {
+		height: 144px;
+	}	
+	.skdslider .slide-desc {
+		bottom: 2%;
+	}
+}
+@media (max-width: 375px){	
+	.skdslider {
+		height: 142px;
+	}	
+	.skdslider .slide-desc {
+		bottom: 1.5%;
+	}
+}
+@media (max-width: 320px){	
+	.skdslider {
+		height: 119px;
+	}	
+	.skdslider .slide-desc {
+		bottom:0%;
+	}
+	.skdslider .slide-desc > h3 {
+    font-size: 14px;
+    width: 100%;
+	 line-height: 26px;
+}
+}

static/css/style.css

@@ -0,0 +1,3396 @@
+/*--
+Author: W3layouts
+Author URL: http://w3layouts.com
+License: Creative Commons Attribution 3.0 Unported
+License URL: http://creativecommons.org/licenses/by/3.0/
+--*/
+html, body{
+    font-size: 100%;
+	font-family: 'Century Gothic';
+	background:#ffffff;
+		font-weight:700;
+			font-size:14px;
+}
+ul li,ol li{
+	font-size:14px;
+	font-weight:1000;
+}
+p{
+	margin:0;
+}
+h1,h2,h3,h4,h5,h6,a{
+	font-family: 'Century Gothic';
+	margin:0;
+	font-weight:1000;
+}
+ul,label{
+	margin:0;
+	padding:0;
+}
+body a:hover{
+	text-decoration:none;
+}
+/*-- header --*/
+span.glyphicon.glyphicon-shopping-cart.my-cart-icon.my-cart-icon-affix {
+	position: relative !important;
+}
+.btn-danger {
+    color: #fff;
+    background-color: #3399cc;
+    border-color: #3399cc;
+}
+.modal-dialog {
+    width: 850px;
+	margin:75px auto 30px;
+}
+.snipcart-thumb a {
+    display: block;
+    text-align: center;
+}
+.my-cart-icon-affix i {
+    background: #52bfe9 !important;
+}
+.agile_top_brand_left_grid {
+    position: relative;
+    display: block;
+}
+i.badge.badge-notify.my-cart-badge {
+    font-style: normal;
+    background: #3399cc;
+    font-size: 14px;
+    position: absolute;
+    top: -10px;
+    right:-22px;
+}
+.product_list_header span {
+    font-size: 1em;
+    color: #fff;
+	top: 1em;
+}
+input[type="submit"],#PPMiniCart .minicart-submit,.w3ls_vegetables ul li a,input[type="reset"],.agileinfo_mail_grid_left ul li a,.events_bottom_left2 ul li a,.w3ls_service_grids1_right a,ul.agileits_social_icons li a,.w3l_banner_nav_right_banner_pet a,.w3ls_w3l_banner_nav_right_grid_head_grid ul li a,.products-breadcrumb ul li a,.w3_footer_grid ul li a,.w3l_fresh_vegetables_grid ul li a,.wthree_footer_copy p a,.agile_top_brand_left_grid1 .button,.w3ls_logo_products_left1 ul.special_items li a,.w3ls_logo_products_left1 ul.phone_email li a{
+	transition: .5s ease-in;
+	-webkit-transition: .5s ease-in;
+	-moz-transition: .5s ease-in;
+	-o-transition: .5s ease-in;
+	-ms-transition: .5s ease-in;
+}
+.agileits_header {
+    background: #333333;
+    padding: 12px 0;
+}
+.w3l_offers {
+    float: left;
+    padding: 9px 0;
+	width: 47%;
+}
+.w3l_offers p {
+    font-size: 15px;
+    color: #fff;
+}
+.w3l_offers p a {
+    color: #52bfe9;
+    text-decoration: none;
+}
+.w3l_search {
+    float: right;
+    width: 25.33%;
+    margin: 0em 0 0em 0em;
+}
+.w3l_search input[type="search"] {
+    width: 83%;
+    padding:10px;
+    font-size: 14px;
+    color: #999;
+    outline: none;
+    border: 1px solid #cccccc;
+    background: none;
+    -webkit-appearance: none;
+    transition: 0.5s all;
+    -webkit-transition: 0.5s all;
+    -moz-transition: 0.5s all;
+}
+i.fa.fa-angle-right {
+    font-size: 15px;
+    margin-right: 5px;
+}
+i.fa.fa-phone {
+    margin-right: 10px;
+    font-size: 20px;
+}
+button.btn.btn-default.search {
+    background: #52bfe9;
+    padding: 11px 12px 11px;
+    float: right;
+    outline: none;
+    border: none;
+}
+button.btn.btn-default.search:hover {
+    background:#333;
+	
+}
+.agile-login {
+    float: left;
+    width: 40%;
+    text-align: center;
+    padding: 9px 0;
+}
+.agile-login ul li {
+    display: inline-block;
+    padding: 0em 1em;
+}
+.agile-login ul li a {
+    font-size: 1em;
+    text-transform: capitalize;
+    color: #fff;
+    text-decoration: none;
+}
+.w3l_search input[type="search"] {
+	margin-top:0px;
+}
+.w3l_search i.fa.fa-search {
+    font-size: 17px;
+	color:#fff;
+}
+button.w3l_search {
+    border: none;
+    position: absolute;
+    top: 4px;
+    right: 11px;
+    width: 47px;
+    height: 43px;
+    outline: none;
+    box-shadow: none;
+    background:#00e58b;
+    padding: 0;
+    border-radius: inherit;
+    -webkit-appearance: none;
+    -webkit-transition: .5s all;
+    -moz-transition: .5s all;
+    transition: .5s all;
+}
+.btn-default:hover {
+    background-color:#000;
+    border:none;
+}
+.cart-wthree .fa {
+    font-size: 34px;
+    margin-top: 7px;
+}
+button.w3view-cart {
+    background: transparent;
+    border: none;
+}
+button.w3view-cart:focus{
+	outline:none;
+}
+.logo_products {
+    padding: 2em 0;
+}
+.w3ls_logo_products_left {
+    float: left;
+    text-align: center;
+    width: 100%;
+}
+.w3ls_logo_products_left h1 a{
+	font-size: 40px;
+    color: #52bfe9;
+    text-decoration: none;
+    text-transform: uppercase;
+    display: block;
+    line-height: 1;
+}
+.w3ls_logo_products_left1 {
+    float: left;
+    margin-top: 0.6em;
+    width: 33.33%;
+}
+.w3ls_logo_products_left1 ul.phone_email li{
+	display:inline-block;
+	color:#212121;
+}
+/*-- //header --*/
+.navbar-default .navbar-nav > li > a {
+    color: #fff;
+    font-size: 16px;
+    font-weight: 500;
+}
+.logo-nav-left1 ul li.active a.act{
+	color:#fff !important;
+}
+.multi-column-dropdown li a {
+    color: #999 !important;
+}
+.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
+    background-color: transparent;
+	 color: #fff !important;
+}
+.navbar-default .navbar-collapse, .navbar-default .navbar-form {
+    border: none;
+}
+.navbar {
+    position: relative;
+    min-height: 50px;
+    margin-bottom: 10px;
+    border: 1px solid transparent;
+}
+.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
+    color: #fff;
+}
+.navbar-default {
+    background: none;
+    border: none;
+}
+.navbar-collapse {
+    padding: 0;
+}
+ul.multi-column-dropdown h6 {
+    font-size: 20px;
+    color:#52bfe9;
+    margin: 0 0 0em;
+    padding-bottom: 1em;
+    border-bottom: 1px solid #E4E4E4;
+    text-transform: capitalize;
+}
+.multi-column-dropdown li {
+    list-style-type: none;
+    margin: 14px 0;
+}
+.multi-column-dropdown li a {
+    display: block;
+    clear: both;
+    line-height: 1.428571429;
+    color: #999 !important;
+    white-space: normal;
+	font-weight:500 !important;
+}
+.dropdown-menu.columns-3 {
+    min-width: 190px;
+    padding: 20px 30px;
+}
+.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
+    background: none;
+    border: none;
+}
+.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+    background-color: transparent;
+}
+.nav > li > a:hover, .nav > li > a:focus {
+    background: none;
+	color:#fff !important;
+}
+.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+    color: #fff;
+}
+.multi-gd-img img {
+    width: 100%;
+}
+.navigation-agileits {
+    background: #52bfe9;
+}
+.navbar-nav > li {
+    float: left;
+    margin-left: 17px;
+}
+.navbar-nav > li:nth-child(1) {
+    margin-left: 0px;
+}
+/*-- banner --*/
+.navbar-collapse {
+    padding: 0;
+    box-shadow: none;
+}
+.navbar {
+    margin-bottom: 0;
+    border: none;
+}
+/*-- cart --*/
+/*-- cart-box --*/ 
+.w3view-cart {
+    background: #3399cc;
+    border: none;
+	-webkit-border-radius: 50%;
+	-moz-border-radius: 50%;
+	-o-border-radius: 50%;
+	-ms-border-radius: 50%;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    text-align: center;
+    outline: none;
+}
+.w3view-cart i.fa {
+    font-size: 24px;
+    color: #ffffff;
+    vertical-align: middle;
+}
+/*-- //cart-box --*/
+/*-- top-brands --*/
+.tag {
+    position: absolute;
+    top: -1%;
+    right: 10%;
+}
+.top-brands h2,.newproducts-w3agile h3,.login h2,.register h2,.faq-w3agile h3,.brands h3{
+	text-align:center;
+	color:#212121;
+	padding-bottom:.5em;
+	position:relative;
+	font-size: 2.5em;
+	text-transform: uppercase;
+}
+.top-brands h2:after,.newproducts-w3agile h3:after,.login h2:after,.register h2:after,.faq-w3agile h3:after,.brands h3:after{
+	content: '';
+    background: #3399cc;
+    height: 2px;
+    width: 15%;
+    position: absolute;
+    bottom: 0%;
+    left: 43%;
+}
+.agile_top_brand_left_grid{
+	background: #FFFFFF;
+    padding: .5em;
+	position:relative;
+}
+.agile_top_brand_left_grid_pos{
+	position:absolute;
+	top:0%;
+	right:0%;
+}
+.agile_top_brand_left_grid1{
+	padding:1em;
+}
+.agile_top_brand_left_grid1 img{
+	margin:0 auto;
+}
+.top-brands{
+    background: #f5f5f5;
+	padding:5em 0;
+}
+.agile_top_brand_left_grid1 p{
+	color:#212121;
+	margin:1.5em 0 1em;
+	line-height:1.5em;
+	text-transform:capitalize;
+	font-size:14px;
+	text-align: center;
+}
+.agile_top_brand_left_grid1 h4,.agileinfo_single_right_snipcart h4{
+	font-weight:600;
+	font-size:1em;
+	color:#212121;
+	text-align: center;
+}
+.agile_top_brand_left_grid1 h4 span,.agileinfo_single_right_snipcart h4 span{
+	font-weight:300;
+	text-decoration:line-through;
+	padding-left:1em;
+}
+/*-- cart --*/
+.product_list_header {
+    float: right;
+}
+.snipcart-details {
+    text-align: center;
+	margin: 1.5em auto 1em;
+    width:77%;
+}
+.btn-danger.my-cart-btn:focus {
+    outline: none;
+}
+.snipcart-details input.button {
+    font-size: 14px;
+    color: #fff;
+    background: #3399cc;
+    text-decoration: none;
+    position: relative;
+    border: none;
+    border-radius: 0;
+    width: 100%;
+    text-transform: uppercase;
+    padding: .5em 0;
+    outline: none;
+}
+.agile_top_brand_left_grid:hover .snipcart-details input.button,.snipcart-details input.button:hover{
+    background: #52bfe9;
+}
+.product_list_header input.button {
+    color: #fff;
+    font-size: 14px;
+    outline: none;
+    text-transform: capitalize;
+    padding: .5em 2.5em .5em 1em;
+    border: 1px solid #52bfe9;
+    margin: .35em 0 0;
+    background: url(../images/cart.png) no-repeat 116px 9px;
+}
+#PPMiniCart form {
+    width: 590px !important;
+	padding: 10px 20px 40px !important;
+	max-height:450px !important;
+}
+#PPMiniCart ul {
+    width: 548px !important;
+}
+#PPMiniCart .minicart-item a {
+    color: #212121 !important;
+    font-size: 1em;
+    display: block;
+    margin-bottom: .5em;
+    text-transform: capitalize;
+}
+#PPMiniCart .minicart-item {
+    min-height:60px !important;
+}
+#PPMiniCart .minicart-attributes li {
+    color: #999;
+}
+#PPMiniCart .minicart-remove {
+    background: #3399cc !important;
+    border: 1px solid #3399cc !important;
+	opacity: 1 !important;
+	outline:none;
+}
+#PPMiniCart .minicart-submit {
+    display: none;
+}
+#PPMiniCart .minicart-submit:hover{
+	background:#52bfe9 !important;
+	border-color: #5b951a !important;
+}
+#PPMiniCart .minicart-subtotal {
+    padding-left: 25px !important;
+	bottom: -17px !important;
+}
+#PPMiniCart {
+    left: 44% !important;
+}
+.minicart-showing #PPMiniCart form{
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+#PPMiniCart .minicart-footer {
+    position: relative;
+	width: 80%;
+}
+/*-- //cart --*/
+.column div.agile_top_brand_left_grid {
+	position: relative;
+	margin:0;
+}
+.agile_top_brand_left_grid figure {
+	margin: 0;
+	padding: 0;
+	background:transparent;
+	overflow: hidden;
+	z-index: 0;
+}
+/* Shine */
+.hover14 figure {
+	position: relative;
+}
+.hover14 figure::before {
+	position: absolute;
+	top: 0;
+	left: -75%;
+	z-index: 2;
+	display: block;
+	content: '';
+	width: 50%;
+	height: 100%;
+	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
+	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
+	-webkit-transform: skewX(-25deg);
+	transform: skewX(-25deg);
+}
+.hover14 figure:hover::before,.top_brand_left:hover .hover14 figure::before{
+	-webkit-animation: shine .75s;
+	animation: shine .75s;
+}
+@-webkit-keyframes shine {
+	100% {
+		left: 125%;
+	}
+}
+@keyframes shine {
+	100% {
+		left: 125%;
+	}
+}
+/*-- //top-brands --*/
+div#myTabContent {
+    padding: 40px 40px;
+}
+.nav-tabs > li {
+    width: 50%;
+}
+.nav-tabs>li>a {
+	margin: 0 0px;
+	padding: 10px 53px;
+	line-height: 1.42857143;
+	font-size: 20px;
+	text-align:center;
+	text-transform:uppercase;
+	font-weight: 600;
+	border: 0px solid transparent;
+	border-radius: 0px 0px 0 0;
+	color: #016773;
+}
+.nav-tabs>li>a:hover, .nav>li>a:focus {
+	text-decoration: none;
+	background: #52bfe9;
+	color: #FFF;
+	border:  0px solid transparent;
+}
+.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
+    color: #FFF;
+    background: #52bfe9;
+	border:  0px solid transparent;
+}
+.nav-tabs {
+    border-bottom: 1px solid #fff;
+}
+.grid_3.grid_5 {
+    margin-top: 5em;
+	border: 1px solid #BEBEBE;
+}
+.grid_3.grid_5 h5 {
+    font-size: 20px;
+    color: #000;
+    margin-bottom: 16px;
+}
+p.w3l-ad {
+    font-size: 14px;
+    color: #777;
+    width: 42%;
+    line-height: 28px;
+}
+.agile_top_brands_grids {
+    margin-top: 40px;
+}
+.hover14.column {
+    border: 1px solid #c0bebe;
+}
+.stars {
+    text-align: center;
+    margin-bottom: 13px;
+}
+i.blue-star {
+    color: #3399cc;
+}
+i.gray-star {
+    color: #808080;
+}
+/*-- to-top --*/
+#toTop {
+	display: none;
+	text-decoration: none;
+	position: fixed;
+	bottom: 20px;
+	right: 2%;
+	overflow: hidden;
+	z-index: 999; 
+	width: 32px;
+	height: 32px;
+	border: none;
+	text-indent: 100%;
+	background: url(../images/arrow.png) no-repeat 0px 0px;
+}
+#toTopHover {
+	width: 32px;
+	height: 32px;
+	display: block;
+	overflow: hidden;
+	float: right;
+	opacity: 0;
+	-moz-opacity: 0;
+	filter: alpha(opacity=0);
+}
+/*-- //to-top --*/
+.ban-bottom-w3l {
+    padding: 5em 0;
+}
+.ban-bottom1 {
+    float: left;
+    width: 48%;
+	margin-right:2%
+}
+.ban-bottom2 {
+    float: left;
+    width: 48%;
+	margin-left:2%
+}
+.ban-img {
+    margin-top: 2.1em;
+}
+.ban-top{
+	position: relative;
+    overflow: hidden;
+}
+.ban-top img {
+	-moz-transition: all 1s;
+    -o-transition: all 1s;
+    -webkit-transition: all 1s;
+    transition: all 1s;
+    width: 100%;
+}
+.ban-top:hover img {
+	-moz-transform: scale3d(1.1, 1.1, 1);
+    -o-transform: scale3d(1.1, 1.1, 1);
+    -ms-transform: scale3d(1.1, 1.1, 1);
+    -webkit-transform: scale3d(1.1, 1.1, 1);
+    transform: scale3d(1.1, 1.1, 1);
+}
+.ban-text {
+    position: absolute;
+    top: 50%;
+    left: 25%;
+    background: rgb(254, 145, 38);
+    padding: 10px 30px;
+}
+.ban-text1 {
+    position: absolute;
+    top: 40%;
+    left: 25%;
+    background: rgb(254, 145, 38);
+    padding: 10px 30px;
+}
+.ban-text h4 {
+    font-size: 22px;
+    color: #fff;
+}
+.ban-text1 h4 {
+    font-size: 22px;
+    color: #fff;
+}
+.ban-text2 h4 {
+    font-size: 1.5em;
+    color: #fff;
+}
+.ban-text2 span{
+    display:block;
+	line-height:1.5em;
+}
+/* Sweep To Top */
+.hvr-sweep-to-top {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -moz-osx-font-smoothing: grayscale;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-sweep-to-top:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #F19E1F;
+    border-radius: 50%;
+	-webkit-border-radius: 60%;
+	-moz-border-radius: 60%;
+	-o-border-radius: 60%;
+	-ms-border-radius: 60%;
+  -webkit-transform: scaleY(0);
+  transform: scaleY(0);
+  -webkit-transform-origin: 50% 100%;
+  transform-origin: 50% 100%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+  color: white;
+}
+.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before,.services-grid:hover .hvr-sweep-to-top:before{
+  -webkit-transform: scaleY(1);
+  transform: scaleY(1);
+}
+.ban-text2 {
+    position: absolute;
+    top: 14%;
+    left: 45%;
+    background: #3399cc;
+    padding: 1.5em;
+    border-radius: 60px;
+    text-align: center;
+	width: 18%;
+}
+/*--causel--*/
+.carousel-indicators {
+    position: absolute;
+    bottom: -45px;
+    left: 48%;
+    z-index: 15;
+	width: auto;
+    padding-left: 0;
+    margin: 0;
+    text-align: center;
+    list-style: none;
+}
+
+
+.carousel-indicators li {
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+    margin:0 6px;
+    text-indent: -999px;
+    cursor: pointer;
+    background-color: #029241;
+    border: none;
+    border-radius: 10px;
+}
+.carousel-indicators .active {
+    background-color: #FAB005;
+    margin: 0 6px;
+}
+/*-- footer --*/
+.footer {
+    padding: 5em 0 2em;
+    background: #2b2a2a;
+}
+.w3_footer_grid h3 {
+    color: #ffffff;
+    font-size: 1.5em;
+    margin-bottom: 1.8em;
+    text-transform: uppercase;
+}
+.w3_footer_grid p{
+	color:#afafaf;
+	line-height:1.8em;
+	margin-bottom:2em;
+}
+.w3_footer_grid ul li {
+    list-style-type: none;
+    margin-bottom: 1em;
+    color: #afafaf;
+    font-size: 14px;
+}
+.w3_footer_grid ul.address li i {
+    color:#52bfe9;
+    border: 1px solid #52bfe9;
+    padding: .5em;
+    margin-right: 1em;
+}
+.w3_footer_grid ul.address li span {
+    display: block;
+    margin-left: 3em;
+}
+.w3_footer_grid ul li a {
+    color: #afafaf;
+    text-decoration: none;
+}
+.w3_footer_grid ul li a:hover {
+	color:#52bfe9;
+}
+.w3_footer_grid h4{
+	margin:2em 0 1em;
+	font-size:1.2em;
+	color:#ff9b05;
+}
+i.fa.fa-arrow-right {
+    color: #52bfe9;
+    margin-right: 10px;
+}
+.footer-copy1{
+	position:relative;
+	padding: 2em 0 0;
+    border-bottom: 1px solid #F4F4F4;
+}
+.footer-copy-pos{
+	position: absolute;
+    right: 14%;
+    bottom: -75%;
+    width: 50px;
+    height: 50px;
+    border: 3px solid rgba(254, 155, 5, 0.69);
+    border-radius: 25px;
+    -webkit-border-radius: 25px;
+    -moz-border-radius: 25px;
+    -o-border-radius: 25px;
+    -ms-border-radius: 25px;
+    box-shadow: 0px 0px 15px rgba(255, 155, 5, 0.49);
+}
+.footer-copy p{
+	margin:4em 0 0;
+	text-align:center;
+	color:#999;
+	line-height:1.8em;
+}
+.footer-copy p a{
+	color:#ff9b05;
+	text-decoration:none;
+}
+.footer-copy p a:hover{
+	color:#999;
+}
+.w3layouts-foot ul li{
+	display:inline-block;
+}
+.w3layouts-foot ul li a {
+    width: 32px;
+    height: 32px;
+    color: #fff;
+    border: 1px solid #fff;
+    text-align: center;
+    display: inline-block;
+    font-size: 18px;
+    line-height: 32px;
+    border-radius: 50%;
+}
+a.w3_agile_facebook:hover{
+	background:#3b5998;
+	 border: 1px solid #3b5998;
+}
+a.agile_twitter:hover{
+	background:#1da1f2;
+	 border: 1px solid #1da1f2;
+}
+a.w3_agile_dribble:hover{
+	background:#ea4c89;
+	border: 1px solid #ea4c89;
+}
+a.w3_agile_vimeo:hover{
+	background:#1ab7ea;
+	border: 1px solid #1ab7ea;
+}
+.w3layouts-foot {
+    float: left;
+}
+.payment-w3ls {
+    float: right;
+}
+.footer-botm {
+    background: #393737;
+    padding: 16px 0;
+}
+/*-- //footer --*/
+.newproducts-w3agile {
+    padding: 5em 0;
+    background: #f5f5f5;
+}
+.breadcrumb1 li span {
+    left: 0em;
+    padding-right: 1em;
+    color: #3399cc;
+}
+.breadcrumbs {
+    padding: 1.5em 0;
+    background: #f5f5f5;
+}
+.breadcrumb {
+    margin-bottom: 0 !important;
+	padding: 0 !important;
+}
+.breadcrumb1 li {
+    font-size: 1em;
+    color: #999;
+}
+.breadcrumb1 li a {
+    color: #3399cc;
+    text-decoration: none;
+}
+/*-- login --*/
+.login-form-grids{
+	width: 45%;
+    padding: 3em;
+	background:#F7F7F9;
+	margin:3em auto 0;
+}
+.login-form-grids input[type="email"],.login-form-grids input[type="password"],.login-form-grids input[type="text"]{
+	outline: none;
+    border: 1px solid #DBDBDB;
+    padding: 10px 10px 10px 10px;
+    font-size: 14px;
+    color: #999;
+    display: block;
+    width: 100%;
+}
+
+.login-form-grids input[type="password"]{
+	margin:1em 0 0;
+}
+.forgot {
+    margin: 1.5em 0 0;
+}
+.login-form-grids input[type="submit"]{
+	outline: none;
+    border: none;
+    padding: 10px 0;
+    font-size: 1em;
+    color: #fff;
+    display: block;
+    width: 100%;
+    background:#3399cc;
+    margin: 1.5em 0 0;
+}
+.login-form-grids input[type="submit"]:hover{
+	background:#52bfe9;
+}
+.login-form-grids ::-webkit-input-placeholder{
+	color:#999;
+}
+.forgot a{
+	color:#212121;
+	font-size:14px;
+	text-decoration:none;
+}
+.forgot a:hover{
+	color:#d8703f;
+}
+.login h4{
+	margin: 2em 0 0.5em;
+    font-size: 1.5em;
+    color: #212121;
+    text-align: center;
+    text-transform: uppercase;
+}
+.login p{
+	font-size:14px;
+	color:#999;
+	line-height:1.8em;
+	margin:0;
+	text-align:center;
+}
+.login p a{
+	color:#52bfe9;
+	text-decoration:none;
+	font-size: 1.2em;
+	padding: 0 .5em;
+}
+.login p a:hover{
+	color:#212121;
+}
+.login p a span{
+	top: 0.1em;
+    font-size: .7em;
+    left: 0.3em;
+}
+.login {
+    padding: 5em 0;
+}
+/*-- //login --*/
+/*-- register --*/
+.register {
+    padding: 5em 0;
+}
+.login-form-grids h5,.login-form-grids h6{
+	font-size:1em;
+	color:#212121;
+	text-transform:uppercase;
+	margin:0 0 2em;
+}
+.login-form-grids input[type="text"]{
+	background:url(../images/img-sp.png) no-repeat 5px -259px #fff;
+}
+.login-form-grids input[type="text"]:nth-child(2){
+	background:url(../images/img-sp.png) no-repeat 0px -298px #fff;
+	margin:1em 0;
+}
+.register-check-box label{
+	font-size:14px;
+	font-weight:500;
+	color:#999;
+	margin: 1.5em 0 0 0em;
+}
+.checkbox {
+    position: relative;
+	padding-left: 38px !important;
+    cursor: pointer;
+}
+.checkbox i {
+    position: absolute;
+    bottom: -2px;
+    left: 0;
+    display: block;
+    width: 25px;
+    height: 25px;
+    outline: none;
+    border: 2px solid #EDEDED;
+    background: #FFF;
+}
+.checkbox input + i:after,.radio input + i:after {
+    position: absolute;
+    opacity: 0;
+    transition: opacity 0.1s;
+    -o-transition: opacity 0.1s;
+    -ms-transition: opacity 0.1s;
+    -moz-transition: opacity 0.1s;
+    -webkit-transition: opacity 0.1s;
+}
+.checkbox input:checked + i:after,.radio input:checked + i:after{
+    opacity: 1;
+}
+.checkbox input,.radio input {
+    position: absolute;
+    left: -9999px;
+}
+.checkbox input + i:after {
+    content: '';
+    background: url("../images/check.png") no-repeat 1px 2px;
+    top: 0px;
+    left: 2px;
+    width: 16px;
+    height: 16px;
+    font: normal 12px/16px FontAwesome;
+    text-align: center;
+}
+.login-form-grids h6{
+	margin:3em 0 2em !important;
+}
+.login-form-grids input[type="password"]:nth-child(3) {
+    margin:1em 0;
+}
+.register-home{
+	margin:2em 0 0;
+	text-align:center;
+}
+.register-home a{
+	padding: 8px 45px;
+    background: #9F9F9F;
+	color:#fff;
+	font-size:1em;
+	text-decoration:none;
+}
+.register-home a:hover{
+	background:#52bfe9;
+}
+/*-- //register --*/
+/*-- checkout --*/
+.checkout h2{
+	font-size:1em;
+	color:#212121;
+	text-transform:uppercase;
+	margin:0 0 3em;
+}
+.checkout h2 span{
+	color:#3399cc;
+}
+table.timetable_sub {
+	width:100%;
+	margin:0 auto;
+}
+.timetable_sub thead {
+    background: #004284;
+}
+.timetable_sub th {
+    background: #52bfe9;
+    color: #fff !important;
+    text-transform: capitalize;
+    font-size: 13px;
+    border-right: 1px solid #52bfe9;
+}
+.timetable_sub th, .timetable_sub td {
+    text-align: center;
+    padding: 7px;
+    font-size: 14px;
+    color: #212121;
+}
+.timetable_sub td {
+	border:1px solid #CDCDCD;
+}
+td.invert-image a img {
+    width:30%;
+    margin: 0 auto;
+}
+.rem{
+	position:relative;
+}
+.close1,.close2,.close3 {
+    background: url('../images/close_1.png') no-repeat 0px 0px;
+    cursor: pointer;
+    width: 28px;
+    height: 28px;
+    position: absolute;
+    right: 15px;
+    top: -13px;
+    -webkit-transition: color 0.2s ease-in-out;
+    -moz-transition: color 0.2s ease-in-out;
+    -o-transition: color 0.2s ease-in-out;
+    transition: color 0.2s ease-in-out;
+}
+/*-- quantity-starts --*/
+ .value-minus,
+.value-plus{
+    height: 40px;
+    line-height: 24px;
+    width: 40px;
+    margin-right: 3px;
+    display: inline-block;
+    cursor: pointer;
+    position: relative;
+    font-size: 18px;
+    color: #fff;
+    text-align: center;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+	border:1px solid #b2b2b2;
+	    vertical-align: bottom;
+}
+.quantity-select .entry.value-minus:before,
+.quantity-select .entry.value-plus:before{
+	content: ""; 
+	width: 13px;
+	height: 2px; 
+	background: #000;
+	left: 50%;
+	margin-left: -7px; 
+	top: 50%;
+	margin-top: -0.5px;
+	position: absolute;
+}
+.quantity-select .entry.value-plus:after{
+	content: "";
+	height: 13px;
+	width: 2px; 
+	background: #000;
+	left: 50%; 
+	margin-left: -1.4px;
+    top: 50%;
+    margin-top: -6.2px;
+	position: absolute;
+}
+.value  {
+    cursor: default;
+    width: 40px;
+	height:40px;
+    padding: 8px 0px;
+    color: #A9A9A9;
+    line-height: 24px;
+    border: 1px solid #E5E5E5;
+    background-color: #E5E5E5;
+    text-align: center;
+    display: inline-block;
+	margin-right: 3px;
+}
+.quantity-select .entry.value-minus:hover,
+ .quantity-select .entry.value-plus:hover{
+	background: #E5E5E5;
+}
+
+.quantity-select .entry.value-minus{
+    margin-left: 0;
+}
+/*-- quantity-end --*/
+.checkout-left-basket h4{
+	padding: 1em;
+    background:#3399cc;
+    font-size: 1.1em;
+    color: #fff;
+    text-transform: uppercase;
+    text-align: center;
+    margin: 0 0 1em;
+}
+.checkout-left {
+    margin: 2em 0 0;
+}
+.checkout-left-basket ul li{
+	list-style-type:none;
+	margin-bottom:1em;
+	font-size:14px;
+	color:#999;
+}
+.checkout-left-basket {
+    float: left;
+    width: 25%;
+}
+.checkout-right-basket{
+	float: right;
+    margin: 8em 0 0 0em;
+}
+.checkout-left-basket ul li span {
+    float: right;
+}
+.checkout-left-basket ul li:nth-child(5) {
+    font-size: 1em;
+    color: #212121;
+    font-weight: 600;
+    padding: 1em 0;
+    border-top: 1px solid #DDD;
+	border-bottom: 1px solid #DDD;
+    margin: 2em 0 0;
+}
+.checkout-right-basket a{
+	padding:10px 30px;
+	color:#fff;
+	font-size:1em;
+	background:#212121;
+	text-decoration:none;
+}
+.checkout-right-basket a:hover{
+	background:#52bfe9;
+}
+.checkout-right-basket a span {
+    left: -.5em;
+    top: 0.1em;
+}
+.checkout {
+    padding: 5em 0;
+}
+/*-- //checkout --*/
+/*-- faq --*/
+h3.w3ls-title.w3ls-title1 {
+    text-align: center;
+    margin: 0 0 1.5em;
+    font-size: 2.5em;
+}
+.faq > li > a {
+    width: 100%;
+    display: block;
+    position: relative;
+    color: #fff;
+    font-size: 1em;
+    font-weight: 400;
+    text-decoration: none;
+}
+.faq-w3agile .faq li {
+    margin-top: 2em;
+    list-style-type: decimal;
+    padding-left: 0.5em;
+}
+.faq-w3agile .faq > li > a { 
+    color: #999; 
+} 
+.faq-w3agile .faq li li.subitem1 {
+    display: block;
+    margin-top: 1em;
+}
+.faq-w3agile {
+    padding: 5em 0;
+}
+ul.faq {
+    margin-top: 5em;
+}
+/*-- //faq-page --*/
+/*-- single --*/
+.agileinfo_single h2{
+	font-size: 1.8em;
+    color: #212121;
+    line-height: 1.5em;
+    text-transform: uppercase;
+    margin-bottom: 1em;
+}
+.agileinfo_single_left {
+    padding: 2em;
+    box-shadow: 0px 0px 5px #b2afaf;
+}
+/*-- Ratings --*/
+.rating1 {
+    direction:ltr;
+}
+.starRating:not(old) {
+    display: inline-block;
+    height: 17px;
+    width:100px;
+    overflow: hidden;
+}
+
+.starRating:not(old) > input{
+  margin-right :-26%;
+  opacity      : 0;
+}
+
+.starRating:not(old) > label {
+    float: right;
+    background: url(../images/star.png);
+    background-size: contain;
+    margin-right: 2px;
+}
+
+.starRating:not(old) > label:before{
+  content         : '';
+  display         : block;
+  width           : 16px;
+  height          : 16px;
+  background      : url(../images/star1.png);
+  background-size : contain;
+  opacity         : 0;
+  transition      : opacity 0.2s linear;
+}
+
+.starRating:not(old) > label:hover:before,
+.starRating:not(old) > label:hover ~ label:before,
+.starRating:not(:hover) > :checked ~ label:before{
+  opacity : 1;
+}
+/*-- //Ratings --*/
+.agileinfo_single_right {
+    padding-left: 5em;
+}
+.agileinfo_single_right_snipcart{
+	margin:0 0 2em;
+}
+.agileinfo_single_right_details {
+    margin: 0 !important;
+    width: 25% !important;
+}
+.w3agile_description h4{
+	font-size:1em;
+	color:#212121;
+	text-transform:uppercase;
+}
+.w3agile_description p{
+	font-size:14px;
+	color:#999;
+	line-height:2em;
+	margin:.5em 0 0;
+	width:80%;
+}
+.w3agile_description {
+    margin: 2em 0;
+}
+.w3ls_w3l_banner_nav_right_grid_popular{
+	background:#f5f5f5;
+	padding:5em 0 !important;
+}
+/*-- //single --*/
+.brands {
+    padding: 5em 0;
+    background: #eed3b6;
+}
+.brands-w3l {
+    text-align: center;
+   
+}
+.brands-w3l p a{
+    font-size: 17px;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: #39c;
+	background: #fff;
+    padding: 16px;
+	display: block;
+	 border: 1px solid #e1e1e1;
+}
+.brands-w3l p a:hover{
+    box-shadow: 0 0 6px 1px #b6b6b6;
+}
+.brands-agile-1 {
+    margin: 20px 0;
+}
+.brands-agile {
+    margin-top: 5em;
+}
+/*-- products --*/
+.products {
+    padding: 5em 0;
+}
+.sorting{
+	float:right;
+	width: 35%;
+}
+.sorting-left{
+	float: right;
+    margin-right: 2em;
+    width: 25%;
+}
+select#country,select#country1 {
+    border: 1px solid #212121;
+    outline: none;
+    font-size: 14px;
+    color: #212121;
+    padding: 0.5em;
+    width: 100%;
+	cursor: pointer;
+}
+.products-right-grids{
+	margin-bottom: 2em;
+}
+.numbering{
+	text-align:right;
+}
+ul.paging {
+    margin: 4em auto 0;
+}
+.paging > .active > a,.paging > .active > a:hover {
+    background-color:#ffc229;
+    border-color:#EDB62B;
+}
+.pagination > li > a{
+	color:#212121;
+}
+.categories,.new-products{
+	border:1px solid #999;
+}
+.categories h2{
+	font-size: 1.5em;
+    color: #212121;
+    margin: 0;
+    padding: .5em;
+    background: #f5f5f5;
+    text-transform: uppercase;
+    text-align: center;
+    letter-spacing: 5px;
+}
+.filter-price h3{
+	background:none;
+}
+.categories ul.cate,.new-products-grids{
+	padding:2em;
+}
+.categories ul li{
+	display:block;
+	color:#999;
+	font-size:14px;
+	margin-bottom:1em;
+}
+.categories ul li a{
+	color:#999;
+	text-decoration:none;
+}
+.categories ul li a:hover{
+	color:#3399cc;
+}
+.categories ul li span{
+	float:right;
+}
+ul.cate ul{
+	margin-left:2em;
+}
+ul.dropdown-menu1 li{
+	display:block;
+	font-size:14px;
+}
+ul.dropdown-menu1 li a{
+	color:#212121;
+	text-decoration:none;
+}
+input#amount {
+    outline: none;
+    margin: 0 auto;
+    text-align: center;
+    width: 100%;
+}
+.new-products-grid-left{
+	float:left;
+	width:35%;
+}
+.new-products-grid-right{
+	float:right;
+	width:60%;
+}
+/*-- //products --*/
+/*-- about --*/
+.about,.about-team, .contact,.codes {
+    padding: 5em 0;
+}
+h3.w3_agile_header,h2.w3_agile_header {
+    text-align: center;
+    color: #212121;
+    padding-bottom: .5em;
+    position: relative;
+    font-size: 2.5em;
+    text-transform: uppercase
+}
+h3.w3_agile_header:after,h2.w3_agile_header:after{
+    content: '';
+    background: #3399cc;
+    height: 2px;
+    width: 15%;
+    position: absolute;
+    bottom: 0%;
+    left: 43%;
+}
+.icons {
+    margin: 50px 0;
+}
+.about-agileinfo {
+    margin-top: 4em;
+}
+.about .grid-top h4 {
+    font-size: 1.5em;
+    color: #222;
+    letter-spacing: 4px;
+}
+.about img {
+    width: 100%;
+}
+.about-w3imgs {
+    padding: 0;
+    overflow: hidden;
+}
+.about .grid-top p {
+    font-size: 1em;
+    color: #999;
+    line-height: 1.8em;
+    margin: 1em 0 2.5em;
+}
+.about .grid-top p.top {
+    margin: 1em 0;
+}
+.offic-time {
+    text-align: center;
+}
+.time-top {
+    padding: 1em;
+    background-color: #52bfe9;
+}
+.time-top h4 {
+    font-size: 1.7em;
+    color: #fff;
+}
+.time-bottom {
+    padding: 1.6em 2em;
+    background-color: #212121;
+}
+.time-bottom h5 {
+    font-size: 1.1em;
+    color: #FFF;
+    line-height: 1.8em;
+    letter-spacing: 1px;
+}
+.time-bottom p {
+    font-size: 1em;
+    color: #BBBBBB;
+    margin-top: 0.5em;
+    line-height: 1.8em;
+}
+/*-- //about-page --*/ 
+.testi {
+    width: 100%;
+    margin-top: 3em;
+	position: relative;
+}
+.testi h3.w3ls-title1 {
+    text-align: left;
+	font-size: 2.5em;
+} 
+.testi h4 {
+    color: #FFFFFF;
+    font-size: 1.4em;
+    letter-spacing: 1px;
+}
+.testi p {
+    font-style: italic;
+    color: #000;
+    font-size: 1em;
+    margin-top: 1em;
+    line-height: 1.5em;
+    font-weight: 300; 
+}
+.testi-subscript p {
+    margin: 1em 2.8em 0 0;
+}
+.testi p a {
+    font-size: 1em;
+    font-weight: 600;
+    color: #000;
+    margin: 0 5px;
+    text-decoration: none;
+    text-transform: capitalize;
+	-webkit-transition: 0.5s all;
+    -moz-transition: 0.5s all;
+    -o-transition: 0.5s all;
+    -ms-transition: 0.5s all;
+	transition: 0.5s all;
+}
+.testi p a:hover{
+	color: #fff;
+}
+.testi-subscript {
+    position: relative;
+    display: inline-block;
+}
+.testi span.w3-agilesub {
+    position: absolute;
+    background: url(../images/icon3.png) no-repeat 0px 0px;
+    display: block;
+    width: 30px;
+    height: 29px;
+    top: 0%;
+    right: 0%;
+}
+.testi-slider {
+    padding: 4em 2em 3em;
+    background: #3399cc;
+    margin-top: 2em;
+}
+/*-- slider start here --*/
+#slider3,#slider4 {
+	box-shadow: none;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	margin: 0 auto;
+}
+.rslides_tabs {
+	list-style: none;
+	padding: 0;
+	background: rgba(0,0,0,.25);
+	box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
+	-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
+	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
+	font-size: 18px;
+	list-style: none;
+	margin: 0 auto 50px;
+	max-width: 540px;
+	padding: 10px 0;
+	text-align: center;
+	width: 100%;
+}
+.rslides_tabs li {
+	display: inline;
+	float: none;
+	margin-right: 1px;
+}
+.rslides_tabs a {
+	width: auto;
+	line-height: 20px;
+	padding: 9px 20px;
+	height: auto;
+	background: transparent;
+	display: inline;
+}
+.rslides_tabs li:first-child {
+	margin-left: 0;
+}
+.rslides_tabs .rslides_here a {
+	background: rgba(255,255,255,.1);
+	color: #fff;
+	font-weight: bold;
+}
+.events {
+	list-style: none;
+}
+.callbacks_container {
+	float: left;
+	width: 100%;
+}
+.callbacks {
+	position: relative;
+	list-style: none;
+	overflow: hidden;
+	width: 100%;
+	padding: 0;
+	margin: 0;
+}
+.callbacks li {
+	position: absolute;
+	width: 100%;
+	left: 0;
+	top: 0;
+}
+.callbacks img {
+	position: relative;
+	z-index: 1;
+	height: auto;
+	border: 0;
+}
+.callbacks_nav {
+    position: absolute;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    top: 15%;
+    right: 0%;
+    opacity: 0.7;
+    z-index: 3;
+    text-indent: -9999px;
+    overflow: hidden;
+    text-decoration: none;
+    height: 30px;
+    width: 25px;
+    background: url("../images/icon1.png")no-repeat center center;
+}
+.callbacks_nav:active {
+  opacity: 1.0;
+}
+.callbacks_nav.next {
+    right: 7%;
+    background: url("../images/icon2.png")no-repeat center center;
+}
+#slider3-pager a ,#slider4-pager a {
+  display: inline-block;
+}
+#slider3-pager span, #slider4-pager span{
+  float: left;
+}
+#slider3-pager span,#slider4-pager span{
+	width:100px;
+	height:15px;
+	background:#fff;
+	display:inline-block;
+	border-radius:30em;
+	opacity:0.6;
+}
+#slider3-pager .rslides_here a , #slider4-pager .rslides_here a {
+  background: #FFF;
+  border-radius:30em;
+  opacity:1;
+}
+#slider3-pager a ,#slider4-pager a{
+  padding: 0;
+}
+#slider3-pager li ,#slider4-pager li{
+	display:inline-block;
+}
+.rslides {
+  position: relative;
+  list-style: none;
+  overflow: hidden;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+.rslides li {
+  -webkit-backface-visibility: hidden;
+  position: absolute;
+  display: none;
+  width: 100%;
+  left: 0;
+  top: 0;
+}
+.rslides li{
+  position: relative;
+  display: block;
+  float: left;
+}
+.rslides img {
+  height: auto;
+  border: 0;
+  width:100%;
+}
+.callbacks_tabs a{
+	font-size: 30px;
+	color: #70664c;
+	font-weight: 600;
+	padding: 0px 18px;
+	background: rgba(222, 208, 157, 0.89);
+}
+.callbacks_here a:after{
+	color: black;
+	text-decoration: none;
+	background: rgba(245, 179, 3, 0.56);
+}
+.callbacks_tabs a:hover, .callbacks_tabs a:active {
+  color: black;
+  text-decoration: none;
+  background: rgba(245, 179, 3, 0.56);
+}
+.callbacks_tabs a:after{
+	color: black;
+	text-decoration: none;
+	background: rgba(245, 179, 3, 0.56);
+}
+li.callbacks1_s1.callbacks_here a.callbacks1_s1:after, li.callbacks1_s1.callbacks_here a.callbacks1_s1:active{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+li.callbacks1_s1.callbacks_here a.callbacks1_s1:focus{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+a.callbacks1_s4.active,a.callbacks1_s4:focus{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+a.callbacks1_s2.active,a.callbacks1_s2:focus{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+a.callbacks1_s3.active,a.callbacks1_s3:focus{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+/*--//slider end here--*/
+/*-- about-slid --*/
+.about-slid{
+	background: url(../images/22.jpg)no-repeat 0px center fixed;
+	background-size: cover;
+	text-align: center;
+	padding: 6em 0;
+}
+.about-slid-info {
+	width: 75%;
+	margin: 0 auto;
+}
+.about-slid h2 {
+    color: #fff;
+    font-size: 3.5em;
+    font-family: 'Abel', sans-serif;
+}
+.about-slid p {
+    color: #fff;
+    font-size: 1em;
+    margin-top: 2em;
+    line-height: 1.8em;
+}
+/*-- team-agileitsinfo --*/
+.team-agileitsinfo {
+    margin-top: 4em;
+}
+.about-team-grids {
+    background: #3399cc;
+    padding: 2em 1em;
+    margin-left: 5px;
+    width: 24.5%;
+}
+.about-team-grids img {
+	width: 100%;
+}
+.about-team-grids h4 {
+    color: #000;
+    font-size: 1.1em;
+    margin: 1.5em 0 0.5em;
+}
+.about-team-grids h4 span {
+    font-size: 1.3em;
+    color: #000;
+    margin-right: 10px;
+}
+.team-w3lstext h6 {
+	color: #67686b;
+	font-size: 16px;
+	font-weight: 400;
+	margin: 0;
+	letter-spacing: 0px;
+}
+.about-team-grids p {
+    color: #fff;
+    font-size: 14PX;
+    line-height: 1.8em;
+    font-weight: 400;
+    margin-top: 1em;
+}
+.about-grid1 .thumb .caption {
+    float: left;
+    width: 100%;
+    height: 70px;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    padding: 13px 30px;
+    text-align: center;
+    background-color:rgba(81, 92, 142, 0.55);
+	-o-transition: all 0.3s ease;
+	-moz-transition: all 0.3s ease;
+	-ms-transition: all 0.3s ease;
+	-webkit-transition: all 0.3s ease;
+	transition: all 0.3s ease;
+}
+.about-grid1 .thumb:hover .caption {
+    height: 100%;
+    padding: 40px 30px;
+    opacity: 1;
+    visibility: visible;
+}
+.caption {
+    opacity: 0;
+    top: 0%;
+    position: absolute;
+    background-color:rgba(51, 153, 204, 0.58);
+	width: 100%;
+    left: 0;
+    text-align: center; 
+	-webkit-transition: 0.5s all;
+	-moz-transition: 0.5s all;
+	-o-transition: 0.5s all;
+	-ms-transition: 0.5s all;
+	transition: 0.5s all;
+}
+.social-icons ul li {
+    display: inline-block;
+    font-size: inherit;
+    text-align: center;
+    margin: 0;
+}
+.social-icons ul li a.fa {
+    font-size: 1em;
+    color: #fff;
+    line-height: 2.6em;
+}
+.social-icons.caption ul li a.fa {
+    margin: 0 .5em;
+    line-height: inherit;
+	-webkit-transition: 0.5s all;
+	-moz-transition: 0.5s all;
+	-o-transition: 0.5s all;
+	-ms-transition: 0.5s all;
+	transition: 0.5s all;
+}
+.about-team-grids:hover .caption{
+	display:block;
+	top: 49.2%;
+	opacity:1;
+} 
+.caption ul {
+    padding: 1em 0;
+} 
+.caption ul li a:hover{
+	color:#000;
+}
+/*-- contact --*/
+.agile_map	iframe{
+	width:100%;
+	min-height:580px;
+}
+.w3_agileits_contact_grid_left{
+	padding:0;
+	position:relative;
+}
+.agileits_w3layouts_map_pos{
+	position: absolute;
+    right: -15%;
+    top: 22%;
+    width: 50%;
+    padding: 2em;
+    background: #3399cc;
+}
+.agileits_w3layouts_map_pos h3{
+	font-size:1.5em;
+	color:#212121;
+}
+.agileits_w3layouts_map_pos p{
+	color:#fff;
+	line-height:2em;
+	margin:.5em 0 1.5em;
+	font-weight:600;
+}
+.agileits_w3layouts_map_pos ul.wthree_contact_info_address li{
+	list-style-type:none;
+	margin-bottom:1em;
+	color:#fff;
+	font-weight:600;
+}
+.agileits_w3layouts_map_pos ul.wthree_contact_info_address li i{
+	padding-right:1em;
+}
+.agileits_w3layouts_map_pos ul.wthree_contact_info_address li a{
+	color:#fff;
+	text-decoration:none;
+}
+.agileits_w3layouts_map_pos ul.wthree_contact_info_address li a:hover{
+	color:#212121;
+}
+.w3_agile_social_icons_contact ul li a {
+    text-align: center;
+}
+.agileits_w3layouts_map_pos1{
+	padding:2em;
+	border:3px double #fff;
+}
+.w3_agileits_contact_grid_right{
+	padding:0 4em 0 12em;
+}
+.w3_agileits_contact_grid_right form{
+	padding:1em 0 0;
+}
+/*-- effect --*/
+.input {
+	position: relative;
+	z-index: 1;
+	display: inline-block;
+	margin: 0;
+	max-width: 100%;
+	width: calc(100% - 0em);
+	vertical-align: top;
+}
+
+.input__field {
+	position: relative;
+	display: block;
+	float: right;
+	padding: 0.8em;
+	width: 60%;
+	border: none;
+	border-radius: 0;
+	background: #f0f0f0;
+	color: #aaa;
+	-webkit-appearance: none; /* for box shadows to show on iOS */
+	font-size: 14px;
+}
+
+.input__field:focus {
+	outline: none;
+}
+
+.input__label {
+	display: inline-block;
+    float: right;
+    padding: 0 1em;
+    width: 40%;
+    color: #212121;
+    font-size: 14px;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.input__label-content {
+	position: relative;
+	display: block;
+	padding:1em 0;
+	width: 100%;
+}
+/* Ichiro */
+.input--ichiro {
+	margin-top: 2em;
+}
+
+.input__field--ichiro {
+	position: absolute;
+    top: 4px;
+    left: 4px;
+    z-index: 100;
+    display: block;
+    padding: 0 1em;
+    width: calc(100% - 8px);
+    height: calc(100% - 8px);
+    background: #fff;
+    color: #212121;
+    opacity: 0;
+    -webkit-transform: scale3d(1, 0, 1);
+    transform: scale3d(1, 0, 1);
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
+    transition: opacity 0.3s, transform 0.3s;
+}
+
+.input__label--ichiro {
+	width: 100%;
+	text-align: left;
+	cursor: text;
+}
+
+.input__label--ichiro::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: #f5f5f5;
+	-webkit-transform-origin: 50% 100%;
+	transform-origin: 50% 100%;
+	-webkit-transition: -webkit-transform 0.3s;
+	transition: transform 0.3s;
+	border: 1px solid #e4e4e4;
+}
+
+.input__label-content--ichiro {
+	-webkit-transform-origin: 0% 50%;
+	transform-origin: 0% 50%;
+	-webkit-transition: -webkit-transform 0.3s;
+	transition: transform 0.3s;
+}
+
+.input__field--ichiro:focus,
+.input--filled .input__field--ichiro {
+	opacity: 1;
+	-webkit-transform: scale3d(1, 1, 1);
+	transform: scale3d(1, 1, 1);
+}
+
+.input__field--ichiro:focus + .input__label--ichiro,
+.input--filled .input__label--ichiro {
+	cursor: default;
+	pointer-events: none;
+}
+
+.input__field--ichiro:focus + .input__label--ichiro::before,
+.input--filled .input__label--ichiro::before {
+	-webkit-transform: scale3d(1, 1.5, 1);
+	transform: scale3d(1, 1.5, 1);
+	border: none;
+}
+
+.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro,
+.input--filled .input__label-content--ichiro {
+	-webkit-transform: translate3d(0, -2.4em, 0) scale3d(0.8, 0.8, 1);
+	transform:translate3d(0, -2.4em, 0) scale3d(0.8, 0.8, 1) translateZ(1px);
+}
+.w3_agileits_contact_grid_right textarea {
+    outline: none;
+    width: 100%;
+    background: #f5f5f5;
+    color: #212121;
+    padding: 10px;
+    font-size: 14px;
+    border: 1px solid #e4e4e4;
+    min-height: 200px;
+    font-weight: bold;
+    margin: 2em 0 0;
+}
+.w3_agileits_contact_grid_right textarea::-webkit-input-placeholder {
+	color: #212121 !important;
+}
+.w3_agileits_contact_grid_right input[type="submit"] {
+    outline: none;
+    width: 100%;
+    background: #212121;
+    color: #fff;
+    padding: 0.8em 0;
+    font-size: 1em;
+    font-weight: bold;
+    border: none;
+    text-transform: uppercase;
+    margin: 1em 0 0;
+    letter-spacing: 5px;
+}
+.w3_agileits_contact_grid_right input[type="submit"]:hover{
+	background:#3399cc;
+}
+/*-- //contact --*/
+/*-- social-icons --*/
+.w3_agile_social_icons ul li{
+	display:inline-block;
+}
+.icon {
+	display: inline-block;
+    vertical-align: top;
+    overflow: hidden;
+    width: 35px;
+    height: 35px;
+}
+.icon-cube {
+  position: relative;
+  -webkit-perspective: 100px;
+   perspective: 100px;
+  overflow: visible;
+}
+
+/*-- agileits --*/
+.icon-cube::before,
+.icon-cube::after {
+	display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    font-family: FontAwesome;
+    font-size: 1em;
+    -webkit-transition: all 0.3s;
+    transition: all 0.3s;
+    line-height: 2.6em;
+}
+
+.icon-cube::before {
+	z-index: 2;
+	background-color:#fff;
+}
+
+.icon-cube::after {
+	z-index: 1;
+	opacity: 0;
+	-webkit-transform:translateY(25px) rotateX(-90deg);
+    transform:translateY(25px) rotateX(-90deg);
+}
+
+.icon-cube:hover::before {
+	opacity: 0;
+	-webkit-transform: translateY(-25px) rotateX(90deg);
+    transform: translateY(-25px) rotateX(90deg);
+}
+
+.icon-cube:hover::after {
+	opacity: 1;
+	-webkit-transform: rotateX(0);
+    transform: rotateX(0);
+}
+
+/*-- facebook --*/
+/*-- w3layouts --*/
+.icon-cube.agile_facebook::before,
+.icon-cube.agile_facebook::after {
+	content: "\f09a";
+    color: #3b5998;
+}
+
+.icon-cube.agile_facebook::after {
+	background-color:#3b5998;
+	color:#fff;
+}
+/*-- rss --*/
+.icon-cube.agile_rss::before,
+.icon-cube.agile_rss::after {
+	content:"\f09e";
+	color: #f26522;
+}
+
+.icon-cube.agile_rss::after {
+	background-color:#f26522;
+	color: #fff;
+}
+/*-- instagram --*/
+.icon-cube.agile_instagram::before,
+.icon-cube.agile_instagram::after {
+	content:"\f16d";
+	color: #833ab4;
+}
+
+.icon-cube.agile_instagram::after {
+	background-color:#833ab4;
+	color: #fff;
+}
+/*-- t --*/
+.icon-cube.agile_t::before,
+.icon-cube.agile_t::after {
+	content:"\f173";
+	color: #35465c;
+}
+
+.icon-cube.agile_t::after {
+	background-color:#35465c;
+	color: #fff;
+}
+/*-- //social-icons --*/
+/*-- icons --*/
+.codes a {
+    color: #999;
+}
+.icon-box {
+    padding: 8px 15px;
+    background:rgba(149, 149, 149, 0.18);
+    margin: 1em 0 1em 0;
+    border: 5px solid #ffffff;
+    text-align: left;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    font-size: 13px;
+    transition: 0.5s all;
+    -webkit-transition: 0.5s all;
+    -o-transition: 0.5s all;
+    -ms-transition: 0.5s all;
+    -moz-transition: 0.5s all;
+    cursor: pointer;
+} 
+.icon-box:hover {
+    background: #000;
+	transition:0.5s all;
+	-webkit-transition:0.5s all;
+	-o-transition:0.5s all;
+	-ms-transition:0.5s all;
+	-moz-transition:0.5s all;
+}
+.icon-box:hover i.fa {
+	color:#fff !important;
+}
+.icon-box:hover a.agile-icon {
+	color:#fff !important;
+}
+.codes .bs-glyphicons li {
+    float: left;
+    width: 12.5%;
+    height: 115px;
+    padding: 10px; 
+    line-height: 1.4;
+    text-align: center;  
+    font-size: 12px;
+    list-style-type: none;	
+}
+.codes .bs-glyphicons .glyphicon {
+    margin-top: 5px;
+    margin-bottom: 10px;
+    font-size: 24px;
+}
+.codes .glyphicon {
+    position: relative;
+    top: 1px;
+    display: inline-block;
+    font-family: 'Glyphicons Halflings';
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+	color: #777;
+} 
+.codes .bs-glyphicons .glyphicon-class {
+    display: block;
+    text-align: center;
+    word-wrap: break-word;
+}
+h4.m-sing {
+    text-align: left;
+}
+h3.icon-subheading {
+    font-size: 28px;
+    color: #52bfe9 !important;
+    margin: 30px 0 15px;
+    font-weight: 600;
+    letter-spacing: 2px;
+}
+h3.agileits-icons-title {
+    text-align: center;
+    font-size: 33px;
+    color: #222222;
+    font-weight: 600;
+    letter-spacing: 2px;
+}
+.icons a {
+    color: #999;
+}
+.icon-box i {
+    margin-right: 10px !important;
+    font-size: 20px !important;
+    color: #282a2b !important;
+}
+.bs-glyphicons li {
+    float: left;
+    width: 18%;
+    height: 115px;
+    padding: 10px;
+    line-height: 1.4;
+    text-align: center;
+    font-size: 12px;
+    list-style-type: none;
+    background:rgba(149, 149, 149, 0.18);
+    margin: 1%;
+}
+.bs-glyphicons .glyphicon {
+    margin-top: 5px;
+    margin-bottom: 10px;
+    font-size: 24px;
+	color: #282a2b;
+}
+.glyphicon {
+    position: relative;
+    top: 1px;
+    display: inline-block;
+    font-family: 'Glyphicons Halflings';
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+	color: #777;
+} 
+.bs-glyphicons .glyphicon-class {
+    display: block;
+    text-align: center;
+    word-wrap: break-word;
+}
+@media (max-width:991px){
+	h3.agileits-icons-title {
+		font-size: 28px;
+	}
+	h3.icon-subheading {
+		font-size: 22px;
+	}
+}
+@media (max-width:768px){
+	h3.agileits-icons-title {
+		font-size: 28px;
+	}
+	h3.icon-subheading {
+		font-size: 25px;
+	}
+	.row {
+		margin-right: 0;
+		margin-left: 0;
+	}
+	.icon-box {
+		margin: 0;
+	}
+}
+@media (max-width: 640px){
+	.icon-box {
+		float: left;
+		width: 50%;
+	}
+}
+@media (max-width: 480px){
+	.bs-glyphicons li {
+		width: 31%;
+	}
+	.icon-box {
+		float: none;
+		width: 100%;
+}
+}
+@media (max-width: 414px){
+	h3.agileits-icons-title {
+		font-size: 23px;
+	}
+	h3.icon-subheading {
+		font-size: 18px;
+	}
+	.bs-glyphicons li {
+		width: 31.33%;
+	}
+}
+@media (max-width: 384px){
+	.icon-box {
+		float: none;
+		width: 100%;
+	}
+}
+/*-- //icons --*/
+.w3_wthree_agileits_icons.main-grid-border {
+    padding: 5em 0;
+}
+/*-----start-responsive-design------*/
+@media (max-width:1680px){
+}
+@media (max-width:1600px){
+}
+@media (max-width:1440px){
+}
+@media (max-width:1366px){
+}
+@media (max-width: 1280px){
+}
+@media (max-width: 1080px){
+#PPMiniCart {
+	left: 42% !important;
+}
+#Awesome h4 {
+	padding: 1.9em 0 0;
+}
+.w3ls_logo_products_left h1 a {
+    font-size: 34px;
+}
+.w3l_search input[type="search"] {
+    width: 81%;
+}
+.navbar-nav > li {
+    margin-left: 8px;
+}
+.nav > li > a {
+    padding: 10px 8px !important;
+}
+.top-brands h2, .newproducts-w3agile h3, .login h2, .register h2, .faq-w3agile h3, .brands h3 {
+    font-size: 2em;
+}
+.w3_footer_grid h3 {
+    font-size: 1.4em;
+}
+.products-right {
+    padding: 0;
+}
+.snipcart-details {
+    width: 81%;
+}
+h3.w3_agile_header, h2.w3_agile_header {
+    font-size: 2em;
+}
+.w3_agileits_contact_grid_right {
+    padding: 0 2em 0 6em;
+}
+.agileits_w3layouts_map_pos {
+    width: 65%;
+}
+.about-team-grids {
+    width: 24.4%;
+}
+.about-team-grids h4 {
+    font-size: 0.9em;
+}
+.about-team-grids:hover .caption {
+    top: 42.2%;
+}
+.testi h4 {
+    font-size: 1.1em;
+}
+}
+@media (max-width: 1024px){
+}
+@media (max-width: 991px){
+.w3l_offers p {
+    font-size: 14px;
+}
+.w3l_offers {
+    width: 52%;
+}
+.agile-login {
+    padding: 6px 0;
+}
+.w3view-cart {
+    height: 36px;
+}
+.agileits_header {
+    padding: 12px 0 8px;
+}
+.w3ls_logo_products_left h1 a {
+    font-size: 30px;
+}
+i.fa.fa-phone {
+    margin-right: 7px;
+    font-size: 15px;
+}
+ul.phone_email li {
+    font-size: 13px;
+}
+.w3ls_logo_products_left1 {
+    margin-top: 0;
+    width: 38%;
+}
+.w3l_search {
+    width: 27%;
+    margin: 0em 0 0em 0em;
+}
+.w3l_search input[type="search"] {
+    width: 76%;
+}
+.navbar-default .navbar-nav > li > a {
+    font-size: 14px;
+}
+.nav > li > a {
+    padding: 10px 2px !important;
+}
+.navbar-nav > li {
+    margin-left: 5px;
+}
+.navbar {
+    min-height: 43px;
+}
+.top_brand_left {
+    float: left;
+    width: 33.33%;
+}
+.agile_top_brand_left_grid1 img {
+   max-width: 100% ! important ;
+}
+.brands-agile-1 {
+    margin: 0;
+}
+.w3layouts-brand {
+    float: left;
+    width: 33.33%;
+    margin-bottom: 3%;
+}
+.top_brand_left-1 {
+    width: 50%;
+    float: left;
+    margin-bottom: 3%;
+}
+.newproducts-w3agile {
+    padding: 3em 0 2em;
+}
+.footer {
+    padding: 3em 0 2em;
+}
+.w3_footer_grid {
+    float: left;
+    width: 50%;
+    margin-bottom: 1em;
+}
+.footer-copy p {
+    margin: 1.5em 0 0;
+}
+.ban-bottom3 {
+    margin: 2em 0;
+}
+.products-left {
+    padding: 0;
+    margin-bottom: 24px;
+}
+.w3_agileits_contact_grid_right {
+    padding: 0 1em 0 1em;
+	margin-top:2em;
+}
+.agileits_w3layouts_map_pos {
+    right: 6%;
+    width: 38%;
+}
+.about-w3imgs {
+    float: left;
+    width: 33.33%;
+}
+.about-wthree-grids {
+    margin-top: 2em;
+}
+.about-slid h2 {
+    font-size: 2.5em;
+}
+.about-slid-info {
+    width: 100%;
+}
+.about-team-grids {
+    margin-left: 16px;
+    width: 47%;
+    float: left;
+	padding: 2em 2em;
+    margin-bottom: 20px;
+}
+.login-form-grids {
+    width: 65%;
+}
+.login h4 {
+    font-size: 1.3em;
+}
+.timetable_sub th, .timetable_sub td {
+    font-size: 12px;
+}
+.checkout-left-basket {
+    width: 34%;
+}
+.agileinfo_single_left {
+    float: left;
+    width: 40%;
+}
+.agileinfo_single_right {
+    padding-left: 2em;
+    float: left;
+    width: 60%;
+}
+.agileinfo_single h2 {
+    font-size: 1.4em;
+}
+.w3agile_description p {
+    font-size: 14px;
+    width: 100%;
+}
+.agileinfo_single_right_details {
+    width: 36% !important;
+}
+}
+@media (max-width:800px){
+}
+@media (max-width: 768px){
+#PPMiniCart {
+	left: 39% !important;
+}
+.top-brands {
+    padding: 3em 0;
+}
+p.w3l-ad {
+    width: 80%;
+}
+.brands {
+    padding: 3em 0;
+}
+.ban-bottom-w3l {
+    padding: 3em 0;
+}
+.brands-agile {
+    margin-top: 3em;
+}
+.grid_3.grid_5 {
+    margin-top: 3em;
+}
+.products {
+    padding: 3em 0;
+}
+ul.paging {
+    margin: 2em auto 0;
+}
+.about, .about-team, .contact, .codes {
+    padding: 3em 0;
+}
+.about-agileinfo {
+    margin-top: 3em;
+}
+.team-agileitsinfo {
+    margin-top: 3em;
+}
+.register {
+    padding: 3em 0;
+}
+.login {
+    padding: 3em 0;
+}
+.checkout {
+    padding: 3em 0;
+}
+}
+@media (max-width: 767px){
+	.navbar-nav > li {
+	float: none;
+    margin-left: 0px;
+    text-align: center;
+}
+.navbar-nav {
+    margin: 0;
+}
+.about, .about-team, .contact, .codes {
+    padding: 3em 0;
+}
+.agileits_w3layouts_map_pos {
+    width: 45%;
+}
+ul.faq {
+    margin-top: 3em;
+    padding: 0 1.5em;
+}
+.faq-w3agile {
+    padding: 3em 0em;
+}
+.navbar-nav .open .dropdown-menu {
+    background: #fff;
+}
+.navbar-default {
+    background: none;
+    border: none;
+    text-align: center;
+}
+}
+@media (max-width: 736px){
+#PPMiniCart {
+	top: 140px !important;
+}
+#PPMiniCart form {
+	max-height: 185px !important;
+}
+.w3l_offers p {
+    font-size: 13px;
+}
+.w3ls_logo_products_left h1 a {
+    font-size: 26px;
+}
+.logo_products {
+    padding: 1.5em 0;
+}
+.skdslider {
+    height: 281px;
+}
+.snipcart-details {
+    width: 100%;
+}
+.agile_top_brand_left_grid1 p {
+    font-size: 13px;
+}
+.agile_top_brand_left_grid1 h4, .agileinfo_single_right_snipcart h4 {
+    font-size: 0.9em;
+}
+.value {
+    width: 27px;
+    height: 27px;
+    padding: 8px 0px;
+    line-height: 13px;
+}
+.value-minus, .value-plus {
+    height: 27px;
+    line-height: 13px;
+    width: 27px;
+    font-size: 16px;
+}
+.agileinfo_single h2 {
+    font-size: 1.3em;
+}
+}
+@media (max-width: 667px){
+#PPMiniCart {
+	left: 36% !important;
+}
+#PPMiniCart form {
+	max-height: 165px !important;
+}
+.agile-login {
+    width: 37%;
+}
+.w3l_offers {
+    width: 56%;
+}
+.agile-login ul li {
+    padding: 0em 0.4em;
+}
+.w3ls_logo_products_left1 {
+    width: 100%;
+    text-align: center;
+}
+.w3ls_logo_products_left {
+    width: 100%;
+    margin: 20px 0;
+}
+.w3ls_logo_products_left h1 a {
+    display: inline-block;
+}
+.w3l_search {
+    width: 100%;
+}
+.w3l_search input[type="search"] {
+    width: 92%;
+}
+.logo_products {
+    padding: 1em 0;
+}
+.top_brand_left {
+    width: 100%;
+    margin-bottom: 3%;
+}
+.snipcart-details input.button {
+    width: 54%;
+}
+.agile_top_brands_grids {
+    margin-top: 2em;
+}
+.agileits_w3layouts_map_pos {
+    width: 51%;
+}
+.login-form-grids {
+    width: 71%;
+}
+.checkout-left-basket {
+    width: 42%;
+}
+.agileinfo_single h2 {
+    font-size: 1.2em;
+}
+.agileinfo_single_right_details {
+    width: 73% !important;
+	text-align: left;
+}
+}
+@media (max-width: 640px){
+#PPMiniCart form {
+	max-height: 400px !important;
+}
+.w3l_offers {
+    width: 100%;
+    text-align: center;
+}
+.agile-login {
+    width: 38%;
+}
+.about .grid-top h4 {
+    font-size: 1.3em;
+}
+.about-slid h2 {
+    font-size: 2em;
+}
+.about-slid {
+    padding: 4em 0;
+}
+.about-slid p {
+    font-size: 0.9em;
+}
+.login-form-grids {
+    width: 76%;
+}
+.agileinfo_single_left {
+    padding: 1em;
+}
+.agileinfo_single_right {
+    padding-left: 1em;
+}
+}
+@media (max-width: 600px){
+#PPMiniCart form {
+	width: 506px !important;
+}
+#PPMiniCart {
+	left: 41% !important;
+}
+#PPMiniCart ul {
+	width: 464px !important;
+}
+#PPMiniCart form {
+	max-height: 210px !important;
+}
+.agile-login {
+    width: 40%;
+}
+.value-minus, .value-plus {
+    height: 22px;
+    width: 22px;
+}
+.value {
+    width: 22px;
+    height: 22px;
+    line-height: 6px;
+}
+}
+@media (max-width: 568px){
+#PPMiniCart form {
+	max-height: 100px !important;
+}
+.snipcart-details input.button {
+    width: 64%;
+}
+.agile-login {
+    width: 43%;
+}
+.w3l_search input[type="search"] {
+    width: 91%;
+}
+.agileits_w3layouts_map_pos {
+    width: 58%;
+}
+.about-team-grids {
+    width: 46%;
+}
+.checkout-left-basket {
+    width: 49%;
+}
+td.invert-image a img {
+    width: 65%;
+}
+.timetable_sub th, .timetable_sub td {
+    width: 50px;
+}
+.value {
+    width: 17px;
+    height: 17px;
+    line-height: 0px;
+}
+.value-minus, .value-plus {
+    height: 17px;
+    width: 17px;
+}
+.timetable_sub th, .timetable_sub td {
+    padding: 7px 0px;
+}
+}
+@media (max-width: 480px){
+#PPMiniCart form {
+	max-height: 350px !important;
+}
+#PPMiniCart form {
+	width: 400px !important;
+}
+#PPMiniCart ul {
+	width: 358px !important;
+}
+#PPMiniCart {
+	left: 51% !important;
+}
+.top_brand_left-1 {
+    width: 100%;
+}
+.w3layouts-brand {
+    float: left;
+    width: 50%;
+    margin-bottom: 3%;
+}
+.nav-tabs>li>a {
+    font-size: 14px;
+}
+.w3l_search input[type="search"] {
+    width: 90%;
+}
+.agile-login {
+    width: 50%;
+}
+.top-brands h2, .newproducts-w3agile h3, .login h2, .register h2, .faq-w3agile h3, .brands h3 {
+    font-size: 1.7em;
+}
+p.w3l-ad {
+    width: 100%;
+}
+.grid_3.grid_5 h5 {
+    font-size: 18px;
+}
+.w3_footer_grid {
+    width: 100%;
+}
+.w3_footer_grid h3 {
+    margin-bottom: 1em;
+}
+.sorting {
+    width: 44%;
+}
+.sorting-left {
+    width: 42%;
+}
+h3.w3_agile_header, h2.w3_agile_header {
+    font-size: 1.7em;
+}
+.agileits_w3layouts_map_pos {
+
+    width: 70%;
+}
+.about-team-grids {
+    width: 65%;
+    float: none;
+    margin: 0 auto 20px;
+}
+.about-slid h2 {
+    font-size: 1.7em;
+}
+.login-form-grids {
+    width: 90%;
+}
+.checkout-left-basket {
+    width: 57%;
+}
+.checkout-right-basket {
+    margin: 3em 0 0 0em;
+}
+.agileinfo_single_left {
+    width: 100%;
+    margin-bottom: 2em;
+	padding: 3em 4em;
+}
+.agileinfo_single_right {
+    padding-left: 0em;
+    width: 100%;
+}
+}
+@media (max-width: 414px){
+#PPMiniCart form {
+	width: 360px !important;
+}
+#PPMiniCart ul {
+	width: 318px !important;
+}
+#PPMiniCart {
+	left: 55% !important;
+}
+.agile-login {
+    width: 61%;
+}
+.w3l_search input[type="search"] {
+    width: 87%;
+}
+.w3ls_logo_products_left {
+    margin: 12px 0;
+}
+.ban-text1 h4 {
+    font-size: 16px;
+}
+.ban-text1 {
+    left: 18%;
+}
+.footer-copy p {
+    font-size: 14px;
+}
+.agileits_w3layouts_map_pos {
+    width: 80%;
+}
+.about-wthree-grids {
+    margin-top: 0em;
+}
+.about .grid-top h4 {
+    font-size: 1.1em;
+    line-height: 24px;
+}
+.about .grid-top p {
+    font-size: 0.875em;
+}
+.about-team-grids {
+    width: 80%;
+}
+.login-form-grids {
+    padding: 2em;
+}
+.checkout h2 {
+    font-size: 0.95em;
+    margin: 0 0 2em;
+}
+.value-minus, .value-plus {
+   margin: 4px 15px;
+    display: inline-block;
+}
+.value {
+    margin: 4px 15px;
+    display: inline-block;
+}
+.quantity-select .entry.value-minus {
+    margin-left: 15px;
+}
+.checkout-left-basket {
+    width: 100%;
+}
+.agileinfo_single_left {
+    padding: 2em 2em;
+}
+}
+@media (max-width: 384px){
+#PPMiniCart form {
+	width: 300px !important;
+	padding: 10px 10px 40px !important;
+}
+#PPMiniCart ul {
+	width: 278px !important;
+}
+#PPMiniCart .minicart-remove {
+	width: 11px !important;
+	height: 11px !important;
+	line-height: 0;
+	margin: 3px 0 0 !important;
+}
+#PPMiniCart {
+	left: 64% !important;
+}
+#PPMiniCart .minicart-item a {
+	font-size: 13px;
+}
+#PPMiniCart .minicart-attributes li {
+	font-size: 12px;
+}
+span.minicart-price {
+	font-size: 12px;
+}
+#PPMiniCart .minicart-quantity {
+	font-size: 11px;
+}
+.w3l_offers p {
+    font-size: 12px;
+}
+.agile-login {
+    width: 67%;
+}
+.w3l_search input[type="search"] {
+    width: 86%;
+}
+.w3layouts-foot {
+    width: 100%;
+    text-align: center;
+    margin-bottom: 20px;
+}
+.payment-w3ls {
+    width: 100%;
+    text-align: center;
+}
+.payment-w3ls img{
+ display:inline-block;
+}
+.agileits_w3layouts_map_pos {
+    width: 90%;
+}
+.about-slid h2 {
+    font-size: 1.5em;
+}
+.about-slid p {
+    font-size: 0.875em;
+}
+.login-form-grids {
+    width: 95%;
+}
+.checkout h2 {
+    font-size: 0.9em;
+}
+}
+@media (max-width: 375px){
+	.login-form-grids {
+    width: 100%;
+}
+.checkout h2 {
+    font-size: 0.875em;
+}
+.agileinfo_single_left {
+    padding: 1em 1em;
+}
+.agileinfo_single h2 {
+    font-size: 1.1em;
+}
+}
+@media (max-width: 320px){
+#PPMiniCart form {
+	width: 285px !important;
+}
+#PPMiniCart ul {
+	width: 263px !important;
+}
+#PPMiniCart {
+	left: 69% !important;
+}
+#PPMiniCart .minicart-subtotal {
+	padding-left: 5px !important;
+	font-size: 13px !important;
+}
+.agile-login {
+    width: 79%;
+}
+.w3l_offers p {
+    font-size: 10px;
+}
+.w3l_offers {
+    padding: 9px 0 5px;
+}
+.w3ls_logo_products_left {
+    margin: 3px 0 12px;
+}
+.w3l_search input[type="search"] {
+    width: 83%;
+}
+.top-brands h2, .newproducts-w3agile h3, .login h2, .register h2, .faq-w3agile h3, .brands h3 {
+    font-size: 1.4em;
+}
+.nav-tabs>li>a {
+    font-size: 12px;
+}
+div#myTabContent {
+    padding: 20px 20px;
+}
+p.w3l-ad {
+    font-size: 13px;
+    line-height: 24px;
+}
+.top_brand_left {
+    padding: 0;
+}
+.ban-text1 h4 {
+    font-size: 14px;
+}
+.ban-text1 {
+    left: 17%;
+	padding: 8px 18px;
+}
+.top-brands {
+    padding: 2em 0;
+}
+.grid_3.grid_5 {
+    margin-top: 2em;
+}
+.ban-bottom-w3l {
+    padding: 2em 0;
+}
+.brands {
+    padding: 2em 0;
+}
+.w3layouts-brand {
+    width: 46%;
+    padding: 0;
+    margin: 2%;
+}
+.brands-agile {
+    margin-top: 2em;
+}
+.newproducts-w3agile {
+    padding: 2em 0 1em;
+}
+.footer-copy p {
+    margin: 0 0 0;
+}
+.footer {
+    padding: 2em 0 1.5em;
+}
+.w3_footer_grid h3 {
+    font-size: 1.3em;
+}
+.w3_footer_grid {
+    padding: 0;
+}
+.sorting-left {
+    width: 47%;
+	margin-right: 2%;
+}
+.sorting {
+    width: 51%;
+}
+.products {
+    padding: 2em 0;
+}
+.categories ul.cate, .new-products-grids {
+    padding: 1em;
+}
+ul.cate ul {
+    margin-left: 1.5em;
+}
+.about, .about-team, .contact, .codes {
+    padding: 2em 0;
+}
+.agileits_w3layouts_map_pos1 {
+    padding: 1em;
+}
+.agileits_w3layouts_map_pos {
+    padding: 1em;
+}
+.agileits_w3layouts_map_pos {
+    top: 13%;
+}
+.agile_map	iframe {
+    min-height: 430px;
+}
+h3.w3_agile_header, h2.w3_agile_header {
+    font-size: 1.4em;
+}
+.about-agileinfo {
+    margin-top: 2em;
+}
+.about-wthree-grids {
+    padding: 0;
+}
+.about .grid-top h4 {
+    font-size: 1em;
+	letter-spacing: 1px;
+}
+.time-top h4 {
+    font-size: 1.5em;
+}
+.about-slid {
+    padding: 3em 0;
+}
+.about-slid h2 {
+    font-size: 1.3em;
+}
+.about-team-grids {
+    width: 100%;
+}
+.faq-w3agile {
+    padding: 2em 0em;
+}
+ul.faq {
+    margin-top: 2em;
+    padding: 0 1em;
+}
+.faq-w3agile .faq li {
+    margin-top: 1em;
+}
+.faq > li > a {
+    line-height: 23px;
+}
+.register {
+    padding: 2em 0;
+}
+.login-form-grids {
+    margin: 2em auto 0;
+}
+.login-form-grids {
+    padding: 1.2em;
+}
+.register-check-box label {
+    font-size: 13px;
+}
+.checkbox {
+	padding-left: 30px !important;
+}
+.login {
+    padding: 2em 0;
+}
+.login p a {
+    font-size: 1em;
+}
+.checkout h2 {
+    font-size: 0.875em;
+    line-height: 22px;
+}
+.checkout {
+    padding: 2em 0;
+}
+.value-minus, .value-plus {
+    margin: 4px 10px;
+}
+.quantity-select .entry.value-minus {
+    margin-left: 10px;
+}
+.value {
+    margin: 4px 10px;
+}
+td.invert-image a img {
+    width: 72%;
+}
+.agileinfo_single h2 {
+    font-size: 0.95em;
+}
+.w3agile_description h4 {
+    font-size: 0.875em;
+}
+.w3agile_description {
+    margin: 1em 0;
+}
+.w3agile_description p {
+    font-size: 13px;
+}
+}

static/css/style.css.bak

@@ -0,0 +1,3396 @@
+/*--
+Author: W3layouts
+Author URL: http://w3layouts.com
+License: Creative Commons Attribution 3.0 Unported
+License URL: http://creativecommons.org/licenses/by/3.0/
+--*/
+html, body{
+    font-size: 100%;
+	font-family: 'Century Gothic';
+	background:#ffffff;
+		font-weight:700;
+			font-size:14px;
+}
+ul li,ol li{
+	font-size:14px;
+	font-weight:1000;
+}
+p{
+	margin:0;
+}
+h1,h2,h3,h4,h5,h6,a{
+	font-family: 'Century Gothic';
+	margin:0;
+	font-weight:1000;
+}
+ul,label{
+	margin:0;
+	padding:0;
+}
+body a:hover{
+	text-decoration:none;
+}
+/*-- header --*/
+span.glyphicon.glyphicon-shopping-cart.my-cart-icon.my-cart-icon-affix {
+	position: relative !important;
+}
+.btn-danger {
+    color: #fff;
+    background-color: #3399cc;
+    border-color: #3399cc;
+}
+.modal-dialog {
+    width: 850px;
+	margin:75px auto 30px;
+}
+.snipcart-thumb a {
+    display: block;
+    text-align: center;
+}
+.my-cart-icon-affix i {
+    background: #0066ff !important;
+}
+.agile_top_brand_left_grid {
+    position: relative;
+    display: block;
+}
+i.badge.badge-notify.my-cart-badge {
+    font-style: normal;
+    background: #3399cc;
+    font-size: 14px;
+    position: absolute;
+    top: -10px;
+    right:-22px;
+}
+.product_list_header span {
+    font-size: 1em;
+    color: #fff;
+	top: 1em;
+}
+input[type="submit"],#PPMiniCart .minicart-submit,.w3ls_vegetables ul li a,input[type="reset"],.agileinfo_mail_grid_left ul li a,.events_bottom_left2 ul li a,.w3ls_service_grids1_right a,ul.agileits_social_icons li a,.w3l_banner_nav_right_banner_pet a,.w3ls_w3l_banner_nav_right_grid_head_grid ul li a,.products-breadcrumb ul li a,.w3_footer_grid ul li a,.w3l_fresh_vegetables_grid ul li a,.wthree_footer_copy p a,.agile_top_brand_left_grid1 .button,.w3ls_logo_products_left1 ul.special_items li a,.w3ls_logo_products_left1 ul.phone_email li a{
+	transition: .5s ease-in;
+	-webkit-transition: .5s ease-in;
+	-moz-transition: .5s ease-in;
+	-o-transition: .5s ease-in;
+	-ms-transition: .5s ease-in;
+}
+.agileits_header {
+    background: #333333;
+    padding: 12px 0;
+}
+.w3l_offers {
+    float: left;
+    padding: 9px 0;
+	width: 47%;
+}
+.w3l_offers p {
+    font-size: 15px;
+    color: #fff;
+}
+.w3l_offers p a {
+    color: #0066ff;
+    text-decoration: none;
+}
+.w3l_search {
+    float: right;
+    width: 25.33%;
+    margin: 0em 0 0em 0em;
+}
+.w3l_search input[type="search"] {
+    width: 83%;
+    padding:10px;
+    font-size: 14px;
+    color: #999;
+    outline: none;
+    border: 1px solid #cccccc;
+    background: none;
+    -webkit-appearance: none;
+    transition: 0.5s all;
+    -webkit-transition: 0.5s all;
+    -moz-transition: 0.5s all;
+}
+i.fa.fa-angle-right {
+    font-size: 15px;
+    margin-right: 5px;
+}
+i.fa.fa-phone {
+    margin-right: 10px;
+    font-size: 20px;
+}
+button.btn.btn-default.search {
+    background: #0066ff;
+    padding: 11px 12px 11px;
+    float: right;
+    outline: none;
+    border: none;
+}
+button.btn.btn-default.search:hover {
+    background:#333;
+	
+}
+.agile-login {
+    float: left;
+    width: 40%;
+    text-align: center;
+    padding: 9px 0;
+}
+.agile-login ul li {
+    display: inline-block;
+    padding: 0em 1em;
+}
+.agile-login ul li a {
+    font-size: 1em;
+    text-transform: capitalize;
+    color: #fff;
+    text-decoration: none;
+}
+.w3l_search input[type="search"] {
+	margin-top:0px;
+}
+.w3l_search i.fa.fa-search {
+    font-size: 17px;
+	color:#fff;
+}
+button.w3l_search {
+    border: none;
+    position: absolute;
+    top: 4px;
+    right: 11px;
+    width: 47px;
+    height: 43px;
+    outline: none;
+    box-shadow: none;
+    background:#00e58b;
+    padding: 0;
+    border-radius: inherit;
+    -webkit-appearance: none;
+    -webkit-transition: .5s all;
+    -moz-transition: .5s all;
+    transition: .5s all;
+}
+.btn-default:hover {
+    background-color:#000;
+    border:none;
+}
+.cart-wthree .fa {
+    font-size: 34px;
+    margin-top: 7px;
+}
+button.w3view-cart {
+    background: transparent;
+    border: none;
+}
+button.w3view-cart:focus{
+	outline:none;
+}
+.logo_products {
+    padding: 2em 0;
+}
+.w3ls_logo_products_left {
+    float: left;
+    text-align: center;
+    width: 100%;
+}
+.w3ls_logo_products_left h1 a{
+	font-size: 40px;
+    color: #0066ff;
+    text-decoration: none;
+    text-transform: uppercase;
+    display: block;
+    line-height: 1;
+}
+.w3ls_logo_products_left1 {
+    float: left;
+    margin-top: 0.6em;
+    width: 33.33%;
+}
+.w3ls_logo_products_left1 ul.phone_email li{
+	display:inline-block;
+	color:#212121;
+}
+/*-- //header --*/
+.navbar-default .navbar-nav > li > a {
+    color: #fff;
+    font-size: 16px;
+    font-weight: 500;
+}
+.logo-nav-left1 ul li.active a.act{
+	color:#fff !important;
+}
+.multi-column-dropdown li a {
+    color: #999 !important;
+}
+.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
+    background-color: transparent;
+	 color: #fff !important;
+}
+.navbar-default .navbar-collapse, .navbar-default .navbar-form {
+    border: none;
+}
+.navbar {
+    position: relative;
+    min-height: 50px;
+    margin-bottom: 10px;
+    border: 1px solid transparent;
+}
+.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
+    color: #fff;
+}
+.navbar-default {
+    background: none;
+    border: none;
+}
+.navbar-collapse {
+    padding: 0;
+}
+ul.multi-column-dropdown h6 {
+    font-size: 20px;
+    color:#0066ff;
+    margin: 0 0 0em;
+    padding-bottom: 1em;
+    border-bottom: 1px solid #E4E4E4;
+    text-transform: capitalize;
+}
+.multi-column-dropdown li {
+    list-style-type: none;
+    margin: 14px 0;
+}
+.multi-column-dropdown li a {
+    display: block;
+    clear: both;
+    line-height: 1.428571429;
+    color: #999 !important;
+    white-space: normal;
+	font-weight:500 !important;
+}
+.dropdown-menu.columns-3 {
+    min-width: 190px;
+    padding: 20px 30px;
+}
+.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
+    background: none;
+    border: none;
+}
+.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+    background-color: transparent;
+}
+.nav > li > a:hover, .nav > li > a:focus {
+    background: none;
+	color:#fff !important;
+}
+.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+    color: #fff;
+}
+.multi-gd-img img {
+    width: 100%;
+}
+.navigation-agileits {
+    background: #0066ff;
+}
+.navbar-nav > li {
+    float: left;
+    margin-left: 17px;
+}
+.navbar-nav > li:nth-child(1) {
+    margin-left: 0px;
+}
+/*-- banner --*/
+.navbar-collapse {
+    padding: 0;
+    box-shadow: none;
+}
+.navbar {
+    margin-bottom: 0;
+    border: none;
+}
+/*-- cart --*/
+/*-- cart-box --*/ 
+.w3view-cart {
+    background: #3399cc;
+    border: none;
+	-webkit-border-radius: 50%;
+	-moz-border-radius: 50%;
+	-o-border-radius: 50%;
+	-ms-border-radius: 50%;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+    text-align: center;
+    outline: none;
+}
+.w3view-cart i.fa {
+    font-size: 24px;
+    color: #ffffff;
+    vertical-align: middle;
+}
+/*-- //cart-box --*/
+/*-- top-brands --*/
+.tag {
+    position: absolute;
+    top: -1%;
+    right: 10%;
+}
+.top-brands h2,.newproducts-w3agile h3,.login h2,.register h2,.faq-w3agile h3,.brands h3{
+	text-align:center;
+	color:#212121;
+	padding-bottom:.5em;
+	position:relative;
+	font-size: 2.5em;
+	text-transform: uppercase;
+}
+.top-brands h2:after,.newproducts-w3agile h3:after,.login h2:after,.register h2:after,.faq-w3agile h3:after,.brands h3:after{
+	content: '';
+    background: #3399cc;
+    height: 2px;
+    width: 15%;
+    position: absolute;
+    bottom: 0%;
+    left: 43%;
+}
+.agile_top_brand_left_grid{
+	background: #FFFFFF;
+    padding: .5em;
+	position:relative;
+}
+.agile_top_brand_left_grid_pos{
+	position:absolute;
+	top:0%;
+	right:0%;
+}
+.agile_top_brand_left_grid1{
+	padding:1em;
+}
+.agile_top_brand_left_grid1 img{
+	margin:0 auto;
+}
+.top-brands{
+    background: #f5f5f5;
+	padding:5em 0;
+}
+.agile_top_brand_left_grid1 p{
+	color:#212121;
+	margin:1.5em 0 1em;
+	line-height:1.5em;
+	text-transform:capitalize;
+	font-size:14px;
+	text-align: center;
+}
+.agile_top_brand_left_grid1 h4,.agileinfo_single_right_snipcart h4{
+	font-weight:600;
+	font-size:1em;
+	color:#212121;
+	text-align: center;
+}
+.agile_top_brand_left_grid1 h4 span,.agileinfo_single_right_snipcart h4 span{
+	font-weight:300;
+	text-decoration:line-through;
+	padding-left:1em;
+}
+/*-- cart --*/
+.product_list_header {
+    float: right;
+}
+.snipcart-details {
+    text-align: center;
+	margin: 1.5em auto 1em;
+    width:77%;
+}
+.btn-danger.my-cart-btn:focus {
+    outline: none;
+}
+.snipcart-details input.button {
+    font-size: 14px;
+    color: #fff;
+    background: #3399cc;
+    text-decoration: none;
+    position: relative;
+    border: none;
+    border-radius: 0;
+    width: 100%;
+    text-transform: uppercase;
+    padding: .5em 0;
+    outline: none;
+}
+.agile_top_brand_left_grid:hover .snipcart-details input.button,.snipcart-details input.button:hover{
+    background: #0066ff;
+}
+.product_list_header input.button {
+    color: #fff;
+    font-size: 14px;
+    outline: none;
+    text-transform: capitalize;
+    padding: .5em 2.5em .5em 1em;
+    border: 1px solid #0066ff;
+    margin: .35em 0 0;
+    background: url(../images/cart.png) no-repeat 116px 9px;
+}
+#PPMiniCart form {
+    width: 590px !important;
+	padding: 10px 20px 40px !important;
+	max-height:450px !important;
+}
+#PPMiniCart ul {
+    width: 548px !important;
+}
+#PPMiniCart .minicart-item a {
+    color: #212121 !important;
+    font-size: 1em;
+    display: block;
+    margin-bottom: .5em;
+    text-transform: capitalize;
+}
+#PPMiniCart .minicart-item {
+    min-height:60px !important;
+}
+#PPMiniCart .minicart-attributes li {
+    color: #999;
+}
+#PPMiniCart .minicart-remove {
+    background: #3399cc !important;
+    border: 1px solid #3399cc !important;
+	opacity: 1 !important;
+	outline:none;
+}
+#PPMiniCart .minicart-submit {
+    display: none;
+}
+#PPMiniCart .minicart-submit:hover{
+	background:#0066ff !important;
+	border-color: #5b951a !important;
+}
+#PPMiniCart .minicart-subtotal {
+    padding-left: 25px !important;
+	bottom: -17px !important;
+}
+#PPMiniCart {
+    left: 44% !important;
+}
+.minicart-showing #PPMiniCart form{
+    overflow-x: hidden;
+    overflow-y: auto;
+}
+#PPMiniCart .minicart-footer {
+    position: relative;
+	width: 80%;
+}
+/*-- //cart --*/
+.column div.agile_top_brand_left_grid {
+	position: relative;
+	margin:0;
+}
+.agile_top_brand_left_grid figure {
+	margin: 0;
+	padding: 0;
+	background:transparent;
+	overflow: hidden;
+	z-index: 0;
+}
+/* Shine */
+.hover14 figure {
+	position: relative;
+}
+.hover14 figure::before {
+	position: absolute;
+	top: 0;
+	left: -75%;
+	z-index: 2;
+	display: block;
+	content: '';
+	width: 50%;
+	height: 100%;
+	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
+	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
+	-webkit-transform: skewX(-25deg);
+	transform: skewX(-25deg);
+}
+.hover14 figure:hover::before,.top_brand_left:hover .hover14 figure::before{
+	-webkit-animation: shine .75s;
+	animation: shine .75s;
+}
+@-webkit-keyframes shine {
+	100% {
+		left: 125%;
+	}
+}
+@keyframes shine {
+	100% {
+		left: 125%;
+	}
+}
+/*-- //top-brands --*/
+div#myTabContent {
+    padding: 40px 40px;
+}
+.nav-tabs > li {
+    width: 50%;
+}
+.nav-tabs>li>a {
+	margin: 0 0px;
+	padding: 10px 53px;
+	line-height: 1.42857143;
+	font-size: 20px;
+	text-align:center;
+	text-transform:uppercase;
+	font-weight: 600;
+	border: 0px solid transparent;
+	border-radius: 0px 0px 0 0;
+	color: #016773;
+}
+.nav-tabs>li>a:hover, .nav>li>a:focus {
+	text-decoration: none;
+	background: #0066ff;
+	color: #FFF;
+	border:  0px solid transparent;
+}
+.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
+    color: #FFF;
+    background: #0066ff;
+	border:  0px solid transparent;
+}
+.nav-tabs {
+    border-bottom: 1px solid #fff;
+}
+.grid_3.grid_5 {
+    margin-top: 5em;
+	border: 1px solid #BEBEBE;
+}
+.grid_3.grid_5 h5 {
+    font-size: 20px;
+    color: #000;
+    margin-bottom: 16px;
+}
+p.w3l-ad {
+    font-size: 14px;
+    color: #777;
+    width: 42%;
+    line-height: 28px;
+}
+.agile_top_brands_grids {
+    margin-top: 40px;
+}
+.hover14.column {
+    border: 1px solid #c0bebe;
+}
+.stars {
+    text-align: center;
+    margin-bottom: 13px;
+}
+i.blue-star {
+    color: #3399cc;
+}
+i.gray-star {
+    color: #808080;
+}
+/*-- to-top --*/
+#toTop {
+	display: none;
+	text-decoration: none;
+	position: fixed;
+	bottom: 20px;
+	right: 2%;
+	overflow: hidden;
+	z-index: 999; 
+	width: 32px;
+	height: 32px;
+	border: none;
+	text-indent: 100%;
+	background: url(../images/arrow.png) no-repeat 0px 0px;
+}
+#toTopHover {
+	width: 32px;
+	height: 32px;
+	display: block;
+	overflow: hidden;
+	float: right;
+	opacity: 0;
+	-moz-opacity: 0;
+	filter: alpha(opacity=0);
+}
+/*-- //to-top --*/
+.ban-bottom-w3l {
+    padding: 5em 0;
+}
+.ban-bottom1 {
+    float: left;
+    width: 48%;
+	margin-right:2%
+}
+.ban-bottom2 {
+    float: left;
+    width: 48%;
+	margin-left:2%
+}
+.ban-img {
+    margin-top: 2.1em;
+}
+.ban-top{
+	position: relative;
+    overflow: hidden;
+}
+.ban-top img {
+	-moz-transition: all 1s;
+    -o-transition: all 1s;
+    -webkit-transition: all 1s;
+    transition: all 1s;
+    width: 100%;
+}
+.ban-top:hover img {
+	-moz-transform: scale3d(1.1, 1.1, 1);
+    -o-transform: scale3d(1.1, 1.1, 1);
+    -ms-transform: scale3d(1.1, 1.1, 1);
+    -webkit-transform: scale3d(1.1, 1.1, 1);
+    transform: scale3d(1.1, 1.1, 1);
+}
+.ban-text {
+    position: absolute;
+    top: 50%;
+    left: 25%;
+    background: rgb(254, 145, 38);
+    padding: 10px 30px;
+}
+.ban-text1 {
+    position: absolute;
+    top: 40%;
+    left: 25%;
+    background: rgb(254, 145, 38);
+    padding: 10px 30px;
+}
+.ban-text h4 {
+    font-size: 22px;
+    color: #fff;
+}
+.ban-text1 h4 {
+    font-size: 22px;
+    color: #fff;
+}
+.ban-text2 h4 {
+    font-size: 1.5em;
+    color: #fff;
+}
+.ban-text2 span{
+    display:block;
+	line-height:1.5em;
+}
+/* Sweep To Top */
+.hvr-sweep-to-top {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -moz-osx-font-smoothing: grayscale;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-sweep-to-top:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #F19E1F;
+    border-radius: 50%;
+	-webkit-border-radius: 60%;
+	-moz-border-radius: 60%;
+	-o-border-radius: 60%;
+	-ms-border-radius: 60%;
+  -webkit-transform: scaleY(0);
+  transform: scaleY(0);
+  -webkit-transform-origin: 50% 100%;
+  transform-origin: 50% 100%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
+  color: white;
+}
+.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before,.services-grid:hover .hvr-sweep-to-top:before{
+  -webkit-transform: scaleY(1);
+  transform: scaleY(1);
+}
+.ban-text2 {
+    position: absolute;
+    top: 14%;
+    left: 45%;
+    background: #3399cc;
+    padding: 1.5em;
+    border-radius: 60px;
+    text-align: center;
+	width: 18%;
+}
+/*--causel--*/
+.carousel-indicators {
+    position: absolute;
+    bottom: -45px;
+    left: 48%;
+    z-index: 15;
+	width: auto;
+    padding-left: 0;
+    margin: 0;
+    text-align: center;
+    list-style: none;
+}
+
+
+.carousel-indicators li {
+    display: inline-block;
+    width: 12px;
+    height: 12px;
+    margin:0 6px;
+    text-indent: -999px;
+    cursor: pointer;
+    background-color: #029241;
+    border: none;
+    border-radius: 10px;
+}
+.carousel-indicators .active {
+    background-color: #FAB005;
+    margin: 0 6px;
+}
+/*-- footer --*/
+.footer {
+    padding: 5em 0 2em;
+    background: #2b2a2a;
+}
+.w3_footer_grid h3 {
+    color: #ffffff;
+    font-size: 1.5em;
+    margin-bottom: 1.8em;
+    text-transform: uppercase;
+}
+.w3_footer_grid p{
+	color:#afafaf;
+	line-height:1.8em;
+	margin-bottom:2em;
+}
+.w3_footer_grid ul li {
+    list-style-type: none;
+    margin-bottom: 1em;
+    color: #afafaf;
+    font-size: 14px;
+}
+.w3_footer_grid ul.address li i {
+    color:#0066ff;
+    border: 1px solid #0066ff;
+    padding: .5em;
+    margin-right: 1em;
+}
+.w3_footer_grid ul.address li span {
+    display: block;
+    margin-left: 3em;
+}
+.w3_footer_grid ul li a {
+    color: #afafaf;
+    text-decoration: none;
+}
+.w3_footer_grid ul li a:hover {
+	color:#0066ff;
+}
+.w3_footer_grid h4{
+	margin:2em 0 1em;
+	font-size:1.2em;
+	color:#ff9b05;
+}
+i.fa.fa-arrow-right {
+    color: #0066ff;
+    margin-right: 10px;
+}
+.footer-copy1{
+	position:relative;
+	padding: 2em 0 0;
+    border-bottom: 1px solid #F4F4F4;
+}
+.footer-copy-pos{
+	position: absolute;
+    right: 14%;
+    bottom: -75%;
+    width: 50px;
+    height: 50px;
+    border: 3px solid rgba(254, 155, 5, 0.69);
+    border-radius: 25px;
+    -webkit-border-radius: 25px;
+    -moz-border-radius: 25px;
+    -o-border-radius: 25px;
+    -ms-border-radius: 25px;
+    box-shadow: 0px 0px 15px rgba(255, 155, 5, 0.49);
+}
+.footer-copy p{
+	margin:4em 0 0;
+	text-align:center;
+	color:#999;
+	line-height:1.8em;
+}
+.footer-copy p a{
+	color:#ff9b05;
+	text-decoration:none;
+}
+.footer-copy p a:hover{
+	color:#999;
+}
+.w3layouts-foot ul li{
+	display:inline-block;
+}
+.w3layouts-foot ul li a {
+    width: 32px;
+    height: 32px;
+    color: #fff;
+    border: 1px solid #fff;
+    text-align: center;
+    display: inline-block;
+    font-size: 18px;
+    line-height: 32px;
+    border-radius: 50%;
+}
+a.w3_agile_facebook:hover{
+	background:#3b5998;
+	 border: 1px solid #3b5998;
+}
+a.agile_twitter:hover{
+	background:#1da1f2;
+	 border: 1px solid #1da1f2;
+}
+a.w3_agile_dribble:hover{
+	background:#ea4c89;
+	border: 1px solid #ea4c89;
+}
+a.w3_agile_vimeo:hover{
+	background:#1ab7ea;
+	border: 1px solid #1ab7ea;
+}
+.w3layouts-foot {
+    float: left;
+}
+.payment-w3ls {
+    float: right;
+}
+.footer-botm {
+    background: #393737;
+    padding: 16px 0;
+}
+/*-- //footer --*/
+.newproducts-w3agile {
+    padding: 5em 0;
+    background: #f5f5f5;
+}
+.breadcrumb1 li span {
+    left: 0em;
+    padding-right: 1em;
+    color: #3399cc;
+}
+.breadcrumbs {
+    padding: 1.5em 0;
+    background: #f5f5f5;
+}
+.breadcrumb {
+    margin-bottom: 0 !important;
+	padding: 0 !important;
+}
+.breadcrumb1 li {
+    font-size: 1em;
+    color: #999;
+}
+.breadcrumb1 li a {
+    color: #3399cc;
+    text-decoration: none;
+}
+/*-- login --*/
+.login-form-grids{
+	width: 45%;
+    padding: 3em;
+	background:#F7F7F9;
+	margin:3em auto 0;
+}
+.login-form-grids input[type="email"],.login-form-grids input[type="password"],.login-form-grids input[type="text"]{
+	outline: none;
+    border: 1px solid #DBDBDB;
+    padding: 10px 10px 10px 10px;
+    font-size: 14px;
+    color: #999;
+    display: block;
+    width: 100%;
+}
+
+.login-form-grids input[type="password"]{
+	margin:1em 0 0;
+}
+.forgot {
+    margin: 1.5em 0 0;
+}
+.login-form-grids input[type="submit"]{
+	outline: none;
+    border: none;
+    padding: 10px 0;
+    font-size: 1em;
+    color: #fff;
+    display: block;
+    width: 100%;
+    background:#3399cc;
+    margin: 1.5em 0 0;
+}
+.login-form-grids input[type="submit"]:hover{
+	background:#0066ff;
+}
+.login-form-grids ::-webkit-input-placeholder{
+	color:#999;
+}
+.forgot a{
+	color:#212121;
+	font-size:14px;
+	text-decoration:none;
+}
+.forgot a:hover{
+	color:#d8703f;
+}
+.login h4{
+	margin: 2em 0 0.5em;
+    font-size: 1.5em;
+    color: #212121;
+    text-align: center;
+    text-transform: uppercase;
+}
+.login p{
+	font-size:14px;
+	color:#999;
+	line-height:1.8em;
+	margin:0;
+	text-align:center;
+}
+.login p a{
+	color:#0066ff;
+	text-decoration:none;
+	font-size: 1.2em;
+	padding: 0 .5em;
+}
+.login p a:hover{
+	color:#212121;
+}
+.login p a span{
+	top: 0.1em;
+    font-size: .7em;
+    left: 0.3em;
+}
+.login {
+    padding: 5em 0;
+}
+/*-- //login --*/
+/*-- register --*/
+.register {
+    padding: 5em 0;
+}
+.login-form-grids h5,.login-form-grids h6{
+	font-size:1em;
+	color:#212121;
+	text-transform:uppercase;
+	margin:0 0 2em;
+}
+.login-form-grids input[type="text"]{
+	background:url(../images/img-sp.png) no-repeat 5px -259px #fff;
+}
+.login-form-grids input[type="text"]:nth-child(2){
+	background:url(../images/img-sp.png) no-repeat 0px -298px #fff;
+	margin:1em 0;
+}
+.register-check-box label{
+	font-size:14px;
+	font-weight:500;
+	color:#999;
+	margin: 1.5em 0 0 0em;
+}
+.checkbox {
+    position: relative;
+	padding-left: 38px !important;
+    cursor: pointer;
+}
+.checkbox i {
+    position: absolute;
+    bottom: -2px;
+    left: 0;
+    display: block;
+    width: 25px;
+    height: 25px;
+    outline: none;
+    border: 2px solid #EDEDED;
+    background: #FFF;
+}
+.checkbox input + i:after,.radio input + i:after {
+    position: absolute;
+    opacity: 0;
+    transition: opacity 0.1s;
+    -o-transition: opacity 0.1s;
+    -ms-transition: opacity 0.1s;
+    -moz-transition: opacity 0.1s;
+    -webkit-transition: opacity 0.1s;
+}
+.checkbox input:checked + i:after,.radio input:checked + i:after{
+    opacity: 1;
+}
+.checkbox input,.radio input {
+    position: absolute;
+    left: -9999px;
+}
+.checkbox input + i:after {
+    content: '';
+    background: url("../images/check.png") no-repeat 1px 2px;
+    top: 0px;
+    left: 2px;
+    width: 16px;
+    height: 16px;
+    font: normal 12px/16px FontAwesome;
+    text-align: center;
+}
+.login-form-grids h6{
+	margin:3em 0 2em !important;
+}
+.login-form-grids input[type="password"]:nth-child(3) {
+    margin:1em 0;
+}
+.register-home{
+	margin:2em 0 0;
+	text-align:center;
+}
+.register-home a{
+	padding: 8px 45px;
+    background: #9F9F9F;
+	color:#fff;
+	font-size:1em;
+	text-decoration:none;
+}
+.register-home a:hover{
+	background:#0066ff;
+}
+/*-- //register --*/
+/*-- checkout --*/
+.checkout h2{
+	font-size:1em;
+	color:#212121;
+	text-transform:uppercase;
+	margin:0 0 3em;
+}
+.checkout h2 span{
+	color:#3399cc;
+}
+table.timetable_sub {
+	width:100%;
+	margin:0 auto;
+}
+.timetable_sub thead {
+    background: #004284;
+}
+.timetable_sub th {
+    background: #0066ff;
+    color: #fff !important;
+    text-transform: capitalize;
+    font-size: 13px;
+    border-right: 1px solid #0066ff;
+}
+.timetable_sub th, .timetable_sub td {
+    text-align: center;
+    padding: 7px;
+    font-size: 14px;
+    color: #212121;
+}
+.timetable_sub td {
+	border:1px solid #CDCDCD;
+}
+td.invert-image a img {
+    width:30%;
+    margin: 0 auto;
+}
+.rem{
+	position:relative;
+}
+.close1,.close2,.close3 {
+    background: url('../images/close_1.png') no-repeat 0px 0px;
+    cursor: pointer;
+    width: 28px;
+    height: 28px;
+    position: absolute;
+    right: 15px;
+    top: -13px;
+    -webkit-transition: color 0.2s ease-in-out;
+    -moz-transition: color 0.2s ease-in-out;
+    -o-transition: color 0.2s ease-in-out;
+    transition: color 0.2s ease-in-out;
+}
+/*-- quantity-starts --*/
+ .value-minus,
+.value-plus{
+    height: 40px;
+    line-height: 24px;
+    width: 40px;
+    margin-right: 3px;
+    display: inline-block;
+    cursor: pointer;
+    position: relative;
+    font-size: 18px;
+    color: #fff;
+    text-align: center;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+	border:1px solid #b2b2b2;
+	    vertical-align: bottom;
+}
+.quantity-select .entry.value-minus:before,
+.quantity-select .entry.value-plus:before{
+	content: ""; 
+	width: 13px;
+	height: 2px; 
+	background: #000;
+	left: 50%;
+	margin-left: -7px; 
+	top: 50%;
+	margin-top: -0.5px;
+	position: absolute;
+}
+.quantity-select .entry.value-plus:after{
+	content: "";
+	height: 13px;
+	width: 2px; 
+	background: #000;
+	left: 50%; 
+	margin-left: -1.4px;
+    top: 50%;
+    margin-top: -6.2px;
+	position: absolute;
+}
+.value  {
+    cursor: default;
+    width: 40px;
+	height:40px;
+    padding: 8px 0px;
+    color: #A9A9A9;
+    line-height: 24px;
+    border: 1px solid #E5E5E5;
+    background-color: #E5E5E5;
+    text-align: center;
+    display: inline-block;
+	margin-right: 3px;
+}
+.quantity-select .entry.value-minus:hover,
+ .quantity-select .entry.value-plus:hover{
+	background: #E5E5E5;
+}
+
+.quantity-select .entry.value-minus{
+    margin-left: 0;
+}
+/*-- quantity-end --*/
+.checkout-left-basket h4{
+	padding: 1em;
+    background:#3399cc;
+    font-size: 1.1em;
+    color: #fff;
+    text-transform: uppercase;
+    text-align: center;
+    margin: 0 0 1em;
+}
+.checkout-left {
+    margin: 2em 0 0;
+}
+.checkout-left-basket ul li{
+	list-style-type:none;
+	margin-bottom:1em;
+	font-size:14px;
+	color:#999;
+}
+.checkout-left-basket {
+    float: left;
+    width: 25%;
+}
+.checkout-right-basket{
+	float: right;
+    margin: 8em 0 0 0em;
+}
+.checkout-left-basket ul li span {
+    float: right;
+}
+.checkout-left-basket ul li:nth-child(5) {
+    font-size: 1em;
+    color: #212121;
+    font-weight: 600;
+    padding: 1em 0;
+    border-top: 1px solid #DDD;
+	border-bottom: 1px solid #DDD;
+    margin: 2em 0 0;
+}
+.checkout-right-basket a{
+	padding:10px 30px;
+	color:#fff;
+	font-size:1em;
+	background:#212121;
+	text-decoration:none;
+}
+.checkout-right-basket a:hover{
+	background:#0066ff;
+}
+.checkout-right-basket a span {
+    left: -.5em;
+    top: 0.1em;
+}
+.checkout {
+    padding: 5em 0;
+}
+/*-- //checkout --*/
+/*-- faq --*/
+h3.w3ls-title.w3ls-title1 {
+    text-align: center;
+    margin: 0 0 1.5em;
+    font-size: 2.5em;
+}
+.faq > li > a {
+    width: 100%;
+    display: block;
+    position: relative;
+    color: #fff;
+    font-size: 1em;
+    font-weight: 400;
+    text-decoration: none;
+}
+.faq-w3agile .faq li {
+    margin-top: 2em;
+    list-style-type: decimal;
+    padding-left: 0.5em;
+}
+.faq-w3agile .faq > li > a { 
+    color: #999; 
+} 
+.faq-w3agile .faq li li.subitem1 {
+    display: block;
+    margin-top: 1em;
+}
+.faq-w3agile {
+    padding: 5em 0;
+}
+ul.faq {
+    margin-top: 5em;
+}
+/*-- //faq-page --*/
+/*-- single --*/
+.agileinfo_single h2{
+	font-size: 1.8em;
+    color: #212121;
+    line-height: 1.5em;
+    text-transform: uppercase;
+    margin-bottom: 1em;
+}
+.agileinfo_single_left {
+    padding: 2em;
+    box-shadow: 0px 0px 5px #b2afaf;
+}
+/*-- Ratings --*/
+.rating1 {
+    direction:ltr;
+}
+.starRating:not(old) {
+    display: inline-block;
+    height: 17px;
+    width:100px;
+    overflow: hidden;
+}
+
+.starRating:not(old) > input{
+  margin-right :-26%;
+  opacity      : 0;
+}
+
+.starRating:not(old) > label {
+    float: right;
+    background: url(../images/star.png);
+    background-size: contain;
+    margin-right: 2px;
+}
+
+.starRating:not(old) > label:before{
+  content         : '';
+  display         : block;
+  width           : 16px;
+  height          : 16px;
+  background      : url(../images/star1.png);
+  background-size : contain;
+  opacity         : 0;
+  transition      : opacity 0.2s linear;
+}
+
+.starRating:not(old) > label:hover:before,
+.starRating:not(old) > label:hover ~ label:before,
+.starRating:not(:hover) > :checked ~ label:before{
+  opacity : 1;
+}
+/*-- //Ratings --*/
+.agileinfo_single_right {
+    padding-left: 5em;
+}
+.agileinfo_single_right_snipcart{
+	margin:0 0 2em;
+}
+.agileinfo_single_right_details {
+    margin: 0 !important;
+    width: 25% !important;
+}
+.w3agile_description h4{
+	font-size:1em;
+	color:#212121;
+	text-transform:uppercase;
+}
+.w3agile_description p{
+	font-size:14px;
+	color:#999;
+	line-height:2em;
+	margin:.5em 0 0;
+	width:80%;
+}
+.w3agile_description {
+    margin: 2em 0;
+}
+.w3ls_w3l_banner_nav_right_grid_popular{
+	background:#f5f5f5;
+	padding:5em 0 !important;
+}
+/*-- //single --*/
+.brands {
+    padding: 5em 0;
+    background: #eed3b6;
+}
+.brands-w3l {
+    text-align: center;
+   
+}
+.brands-w3l p a{
+    font-size: 17px;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: #39c;
+	background: #fff;
+    padding: 16px;
+	display: block;
+	 border: 1px solid #e1e1e1;
+}
+.brands-w3l p a:hover{
+    box-shadow: 0 0 6px 1px #b6b6b6;
+}
+.brands-agile-1 {
+    margin: 20px 0;
+}
+.brands-agile {
+    margin-top: 5em;
+}
+/*-- products --*/
+.products {
+    padding: 5em 0;
+}
+.sorting{
+	float:right;
+	width: 35%;
+}
+.sorting-left{
+	float: right;
+    margin-right: 2em;
+    width: 25%;
+}
+select#country,select#country1 {
+    border: 1px solid #212121;
+    outline: none;
+    font-size: 14px;
+    color: #212121;
+    padding: 0.5em;
+    width: 100%;
+	cursor: pointer;
+}
+.products-right-grids{
+	margin-bottom: 2em;
+}
+.numbering{
+	text-align:right;
+}
+ul.paging {
+    margin: 4em auto 0;
+}
+.paging > .active > a,.paging > .active > a:hover {
+    background-color:#ffc229;
+    border-color:#EDB62B;
+}
+.pagination > li > a{
+	color:#212121;
+}
+.categories,.new-products{
+	border:1px solid #999;
+}
+.categories h2{
+	font-size: 1.5em;
+    color: #212121;
+    margin: 0;
+    padding: .5em;
+    background: #f5f5f5;
+    text-transform: uppercase;
+    text-align: center;
+    letter-spacing: 5px;
+}
+.filter-price h3{
+	background:none;
+}
+.categories ul.cate,.new-products-grids{
+	padding:2em;
+}
+.categories ul li{
+	display:block;
+	color:#999;
+	font-size:14px;
+	margin-bottom:1em;
+}
+.categories ul li a{
+	color:#999;
+	text-decoration:none;
+}
+.categories ul li a:hover{
+	color:#3399cc;
+}
+.categories ul li span{
+	float:right;
+}
+ul.cate ul{
+	margin-left:2em;
+}
+ul.dropdown-menu1 li{
+	display:block;
+	font-size:14px;
+}
+ul.dropdown-menu1 li a{
+	color:#212121;
+	text-decoration:none;
+}
+input#amount {
+    outline: none;
+    margin: 0 auto;
+    text-align: center;
+    width: 100%;
+}
+.new-products-grid-left{
+	float:left;
+	width:35%;
+}
+.new-products-grid-right{
+	float:right;
+	width:60%;
+}
+/*-- //products --*/
+/*-- about --*/
+.about,.about-team, .contact,.codes {
+    padding: 5em 0;
+}
+h3.w3_agile_header,h2.w3_agile_header {
+    text-align: center;
+    color: #212121;
+    padding-bottom: .5em;
+    position: relative;
+    font-size: 2.5em;
+    text-transform: uppercase
+}
+h3.w3_agile_header:after,h2.w3_agile_header:after{
+    content: '';
+    background: #3399cc;
+    height: 2px;
+    width: 15%;
+    position: absolute;
+    bottom: 0%;
+    left: 43%;
+}
+.icons {
+    margin: 50px 0;
+}
+.about-agileinfo {
+    margin-top: 4em;
+}
+.about .grid-top h4 {
+    font-size: 1.5em;
+    color: #222;
+    letter-spacing: 4px;
+}
+.about img {
+    width: 100%;
+}
+.about-w3imgs {
+    padding: 0;
+    overflow: hidden;
+}
+.about .grid-top p {
+    font-size: 1em;
+    color: #999;
+    line-height: 1.8em;
+    margin: 1em 0 2.5em;
+}
+.about .grid-top p.top {
+    margin: 1em 0;
+}
+.offic-time {
+    text-align: center;
+}
+.time-top {
+    padding: 1em;
+    background-color: #0066ff;
+}
+.time-top h4 {
+    font-size: 1.7em;
+    color: #fff;
+}
+.time-bottom {
+    padding: 1.6em 2em;
+    background-color: #212121;
+}
+.time-bottom h5 {
+    font-size: 1.1em;
+    color: #FFF;
+    line-height: 1.8em;
+    letter-spacing: 1px;
+}
+.time-bottom p {
+    font-size: 1em;
+    color: #BBBBBB;
+    margin-top: 0.5em;
+    line-height: 1.8em;
+}
+/*-- //about-page --*/ 
+.testi {
+    width: 100%;
+    margin-top: 3em;
+	position: relative;
+}
+.testi h3.w3ls-title1 {
+    text-align: left;
+	font-size: 2.5em;
+} 
+.testi h4 {
+    color: #FFFFFF;
+    font-size: 1.4em;
+    letter-spacing: 1px;
+}
+.testi p {
+    font-style: italic;
+    color: #000;
+    font-size: 1em;
+    margin-top: 1em;
+    line-height: 1.5em;
+    font-weight: 300; 
+}
+.testi-subscript p {
+    margin: 1em 2.8em 0 0;
+}
+.testi p a {
+    font-size: 1em;
+    font-weight: 600;
+    color: #000;
+    margin: 0 5px;
+    text-decoration: none;
+    text-transform: capitalize;
+	-webkit-transition: 0.5s all;
+    -moz-transition: 0.5s all;
+    -o-transition: 0.5s all;
+    -ms-transition: 0.5s all;
+	transition: 0.5s all;
+}
+.testi p a:hover{
+	color: #fff;
+}
+.testi-subscript {
+    position: relative;
+    display: inline-block;
+}
+.testi span.w3-agilesub {
+    position: absolute;
+    background: url(../images/icon3.png) no-repeat 0px 0px;
+    display: block;
+    width: 30px;
+    height: 29px;
+    top: 0%;
+    right: 0%;
+}
+.testi-slider {
+    padding: 4em 2em 3em;
+    background: #3399cc;
+    margin-top: 2em;
+}
+/*-- slider start here --*/
+#slider3,#slider4 {
+	box-shadow: none;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	margin: 0 auto;
+}
+.rslides_tabs {
+	list-style: none;
+	padding: 0;
+	background: rgba(0,0,0,.25);
+	box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
+	-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
+	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
+	font-size: 18px;
+	list-style: none;
+	margin: 0 auto 50px;
+	max-width: 540px;
+	padding: 10px 0;
+	text-align: center;
+	width: 100%;
+}
+.rslides_tabs li {
+	display: inline;
+	float: none;
+	margin-right: 1px;
+}
+.rslides_tabs a {
+	width: auto;
+	line-height: 20px;
+	padding: 9px 20px;
+	height: auto;
+	background: transparent;
+	display: inline;
+}
+.rslides_tabs li:first-child {
+	margin-left: 0;
+}
+.rslides_tabs .rslides_here a {
+	background: rgba(255,255,255,.1);
+	color: #fff;
+	font-weight: bold;
+}
+.events {
+	list-style: none;
+}
+.callbacks_container {
+	float: left;
+	width: 100%;
+}
+.callbacks {
+	position: relative;
+	list-style: none;
+	overflow: hidden;
+	width: 100%;
+	padding: 0;
+	margin: 0;
+}
+.callbacks li {
+	position: absolute;
+	width: 100%;
+	left: 0;
+	top: 0;
+}
+.callbacks img {
+	position: relative;
+	z-index: 1;
+	height: auto;
+	border: 0;
+}
+.callbacks_nav {
+    position: absolute;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    top: 15%;
+    right: 0%;
+    opacity: 0.7;
+    z-index: 3;
+    text-indent: -9999px;
+    overflow: hidden;
+    text-decoration: none;
+    height: 30px;
+    width: 25px;
+    background: url("../images/icon1.png")no-repeat center center;
+}
+.callbacks_nav:active {
+  opacity: 1.0;
+}
+.callbacks_nav.next {
+    right: 7%;
+    background: url("../images/icon2.png")no-repeat center center;
+}
+#slider3-pager a ,#slider4-pager a {
+  display: inline-block;
+}
+#slider3-pager span, #slider4-pager span{
+  float: left;
+}
+#slider3-pager span,#slider4-pager span{
+	width:100px;
+	height:15px;
+	background:#fff;
+	display:inline-block;
+	border-radius:30em;
+	opacity:0.6;
+}
+#slider3-pager .rslides_here a , #slider4-pager .rslides_here a {
+  background: #FFF;
+  border-radius:30em;
+  opacity:1;
+}
+#slider3-pager a ,#slider4-pager a{
+  padding: 0;
+}
+#slider3-pager li ,#slider4-pager li{
+	display:inline-block;
+}
+.rslides {
+  position: relative;
+  list-style: none;
+  overflow: hidden;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+.rslides li {
+  -webkit-backface-visibility: hidden;
+  position: absolute;
+  display: none;
+  width: 100%;
+  left: 0;
+  top: 0;
+}
+.rslides li{
+  position: relative;
+  display: block;
+  float: left;
+}
+.rslides img {
+  height: auto;
+  border: 0;
+  width:100%;
+}
+.callbacks_tabs a{
+	font-size: 30px;
+	color: #70664c;
+	font-weight: 600;
+	padding: 0px 18px;
+	background: rgba(222, 208, 157, 0.89);
+}
+.callbacks_here a:after{
+	color: black;
+	text-decoration: none;
+	background: rgba(245, 179, 3, 0.56);
+}
+.callbacks_tabs a:hover, .callbacks_tabs a:active {
+  color: black;
+  text-decoration: none;
+  background: rgba(245, 179, 3, 0.56);
+}
+.callbacks_tabs a:after{
+	color: black;
+	text-decoration: none;
+	background: rgba(245, 179, 3, 0.56);
+}
+li.callbacks1_s1.callbacks_here a.callbacks1_s1:after, li.callbacks1_s1.callbacks_here a.callbacks1_s1:active{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+li.callbacks1_s1.callbacks_here a.callbacks1_s1:focus{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+a.callbacks1_s4.active,a.callbacks1_s4:focus{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+a.callbacks1_s2.active,a.callbacks1_s2:focus{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+a.callbacks1_s3.active,a.callbacks1_s3:focus{
+  color: black;
+  background: rgba(245, 179, 3, 0.79);
+  text-decoration: none;
+  outline: none;
+}
+/*--//slider end here--*/
+/*-- about-slid --*/
+.about-slid{
+	background: url(../images/22.jpg)no-repeat 0px center fixed;
+	background-size: cover;
+	text-align: center;
+	padding: 6em 0;
+}
+.about-slid-info {
+	width: 75%;
+	margin: 0 auto;
+}
+.about-slid h2 {
+    color: #fff;
+    font-size: 3.5em;
+    font-family: 'Abel', sans-serif;
+}
+.about-slid p {
+    color: #fff;
+    font-size: 1em;
+    margin-top: 2em;
+    line-height: 1.8em;
+}
+/*-- team-agileitsinfo --*/
+.team-agileitsinfo {
+    margin-top: 4em;
+}
+.about-team-grids {
+    background: #3399cc;
+    padding: 2em 1em;
+    margin-left: 5px;
+    width: 24.5%;
+}
+.about-team-grids img {
+	width: 100%;
+}
+.about-team-grids h4 {
+    color: #000;
+    font-size: 1.1em;
+    margin: 1.5em 0 0.5em;
+}
+.about-team-grids h4 span {
+    font-size: 1.3em;
+    color: #000;
+    margin-right: 10px;
+}
+.team-w3lstext h6 {
+	color: #67686b;
+	font-size: 16px;
+	font-weight: 400;
+	margin: 0;
+	letter-spacing: 0px;
+}
+.about-team-grids p {
+    color: #fff;
+    font-size: 14PX;
+    line-height: 1.8em;
+    font-weight: 400;
+    margin-top: 1em;
+}
+.about-grid1 .thumb .caption {
+    float: left;
+    width: 100%;
+    height: 70px;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    padding: 13px 30px;
+    text-align: center;
+    background-color:rgba(81, 92, 142, 0.55);
+	-o-transition: all 0.3s ease;
+	-moz-transition: all 0.3s ease;
+	-ms-transition: all 0.3s ease;
+	-webkit-transition: all 0.3s ease;
+	transition: all 0.3s ease;
+}
+.about-grid1 .thumb:hover .caption {
+    height: 100%;
+    padding: 40px 30px;
+    opacity: 1;
+    visibility: visible;
+}
+.caption {
+    opacity: 0;
+    top: 0%;
+    position: absolute;
+    background-color:rgba(51, 153, 204, 0.58);
+	width: 100%;
+    left: 0;
+    text-align: center; 
+	-webkit-transition: 0.5s all;
+	-moz-transition: 0.5s all;
+	-o-transition: 0.5s all;
+	-ms-transition: 0.5s all;
+	transition: 0.5s all;
+}
+.social-icons ul li {
+    display: inline-block;
+    font-size: inherit;
+    text-align: center;
+    margin: 0;
+}
+.social-icons ul li a.fa {
+    font-size: 1em;
+    color: #fff;
+    line-height: 2.6em;
+}
+.social-icons.caption ul li a.fa {
+    margin: 0 .5em;
+    line-height: inherit;
+	-webkit-transition: 0.5s all;
+	-moz-transition: 0.5s all;
+	-o-transition: 0.5s all;
+	-ms-transition: 0.5s all;
+	transition: 0.5s all;
+}
+.about-team-grids:hover .caption{
+	display:block;
+	top: 49.2%;
+	opacity:1;
+} 
+.caption ul {
+    padding: 1em 0;
+} 
+.caption ul li a:hover{
+	color:#000;
+}
+/*-- contact --*/
+.agile_map	iframe{
+	width:100%;
+	min-height:580px;
+}
+.w3_agileits_contact_grid_left{
+	padding:0;
+	position:relative;
+}
+.agileits_w3layouts_map_pos{
+	position: absolute;
+    right: -15%;
+    top: 22%;
+    width: 50%;
+    padding: 2em;
+    background: #3399cc;
+}
+.agileits_w3layouts_map_pos h3{
+	font-size:1.5em;
+	color:#212121;
+}
+.agileits_w3layouts_map_pos p{
+	color:#fff;
+	line-height:2em;
+	margin:.5em 0 1.5em;
+	font-weight:600;
+}
+.agileits_w3layouts_map_pos ul.wthree_contact_info_address li{
+	list-style-type:none;
+	margin-bottom:1em;
+	color:#fff;
+	font-weight:600;
+}
+.agileits_w3layouts_map_pos ul.wthree_contact_info_address li i{
+	padding-right:1em;
+}
+.agileits_w3layouts_map_pos ul.wthree_contact_info_address li a{
+	color:#fff;
+	text-decoration:none;
+}
+.agileits_w3layouts_map_pos ul.wthree_contact_info_address li a:hover{
+	color:#212121;
+}
+.w3_agile_social_icons_contact ul li a {
+    text-align: center;
+}
+.agileits_w3layouts_map_pos1{
+	padding:2em;
+	border:3px double #fff;
+}
+.w3_agileits_contact_grid_right{
+	padding:0 4em 0 12em;
+}
+.w3_agileits_contact_grid_right form{
+	padding:1em 0 0;
+}
+/*-- effect --*/
+.input {
+	position: relative;
+	z-index: 1;
+	display: inline-block;
+	margin: 0;
+	max-width: 100%;
+	width: calc(100% - 0em);
+	vertical-align: top;
+}
+
+.input__field {
+	position: relative;
+	display: block;
+	float: right;
+	padding: 0.8em;
+	width: 60%;
+	border: none;
+	border-radius: 0;
+	background: #f0f0f0;
+	color: #aaa;
+	-webkit-appearance: none; /* for box shadows to show on iOS */
+	font-size: 14px;
+}
+
+.input__field:focus {
+	outline: none;
+}
+
+.input__label {
+	display: inline-block;
+    float: right;
+    padding: 0 1em;
+    width: 40%;
+    color: #212121;
+    font-size: 14px;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.input__label-content {
+	position: relative;
+	display: block;
+	padding:1em 0;
+	width: 100%;
+}
+/* Ichiro */
+.input--ichiro {
+	margin-top: 2em;
+}
+
+.input__field--ichiro {
+	position: absolute;
+    top: 4px;
+    left: 4px;
+    z-index: 100;
+    display: block;
+    padding: 0 1em;
+    width: calc(100% - 8px);
+    height: calc(100% - 8px);
+    background: #fff;
+    color: #212121;
+    opacity: 0;
+    -webkit-transform: scale3d(1, 0, 1);
+    transform: scale3d(1, 0, 1);
+    -webkit-transform-origin: 50% 100%;
+    transform-origin: 50% 100%;
+    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
+    transition: opacity 0.3s, transform 0.3s;
+}
+
+.input__label--ichiro {
+	width: 100%;
+	text-align: left;
+	cursor: text;
+}
+
+.input__label--ichiro::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: #f5f5f5;
+	-webkit-transform-origin: 50% 100%;
+	transform-origin: 50% 100%;
+	-webkit-transition: -webkit-transform 0.3s;
+	transition: transform 0.3s;
+	border: 1px solid #e4e4e4;
+}
+
+.input__label-content--ichiro {
+	-webkit-transform-origin: 0% 50%;
+	transform-origin: 0% 50%;
+	-webkit-transition: -webkit-transform 0.3s;
+	transition: transform 0.3s;
+}
+
+.input__field--ichiro:focus,
+.input--filled .input__field--ichiro {
+	opacity: 1;
+	-webkit-transform: scale3d(1, 1, 1);
+	transform: scale3d(1, 1, 1);
+}
+
+.input__field--ichiro:focus + .input__label--ichiro,
+.input--filled .input__label--ichiro {
+	cursor: default;
+	pointer-events: none;
+}
+
+.input__field--ichiro:focus + .input__label--ichiro::before,
+.input--filled .input__label--ichiro::before {
+	-webkit-transform: scale3d(1, 1.5, 1);
+	transform: scale3d(1, 1.5, 1);
+	border: none;
+}
+
+.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro,
+.input--filled .input__label-content--ichiro {
+	-webkit-transform: translate3d(0, -2.4em, 0) scale3d(0.8, 0.8, 1);
+	transform:translate3d(0, -2.4em, 0) scale3d(0.8, 0.8, 1) translateZ(1px);
+}
+.w3_agileits_contact_grid_right textarea {
+    outline: none;
+    width: 100%;
+    background: #f5f5f5;
+    color: #212121;
+    padding: 10px;
+    font-size: 14px;
+    border: 1px solid #e4e4e4;
+    min-height: 200px;
+    font-weight: bold;
+    margin: 2em 0 0;
+}
+.w3_agileits_contact_grid_right textarea::-webkit-input-placeholder {
+	color: #212121 !important;
+}
+.w3_agileits_contact_grid_right input[type="submit"] {
+    outline: none;
+    width: 100%;
+    background: #212121;
+    color: #fff;
+    padding: 0.8em 0;
+    font-size: 1em;
+    font-weight: bold;
+    border: none;
+    text-transform: uppercase;
+    margin: 1em 0 0;
+    letter-spacing: 5px;
+}
+.w3_agileits_contact_grid_right input[type="submit"]:hover{
+	background:#3399cc;
+}
+/*-- //contact --*/
+/*-- social-icons --*/
+.w3_agile_social_icons ul li{
+	display:inline-block;
+}
+.icon {
+	display: inline-block;
+    vertical-align: top;
+    overflow: hidden;
+    width: 35px;
+    height: 35px;
+}
+.icon-cube {
+  position: relative;
+  -webkit-perspective: 100px;
+   perspective: 100px;
+  overflow: visible;
+}
+
+/*-- agileits --*/
+.icon-cube::before,
+.icon-cube::after {
+	display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    font-family: FontAwesome;
+    font-size: 1em;
+    -webkit-transition: all 0.3s;
+    transition: all 0.3s;
+    line-height: 2.6em;
+}
+
+.icon-cube::before {
+	z-index: 2;
+	background-color:#fff;
+}
+
+.icon-cube::after {
+	z-index: 1;
+	opacity: 0;
+	-webkit-transform:translateY(25px) rotateX(-90deg);
+    transform:translateY(25px) rotateX(-90deg);
+}
+
+.icon-cube:hover::before {
+	opacity: 0;
+	-webkit-transform: translateY(-25px) rotateX(90deg);
+    transform: translateY(-25px) rotateX(90deg);
+}
+
+.icon-cube:hover::after {
+	opacity: 1;
+	-webkit-transform: rotateX(0);
+    transform: rotateX(0);
+}
+
+/*-- facebook --*/
+/*-- w3layouts --*/
+.icon-cube.agile_facebook::before,
+.icon-cube.agile_facebook::after {
+	content: "\f09a";
+    color: #3b5998;
+}
+
+.icon-cube.agile_facebook::after {
+	background-color:#3b5998;
+	color:#fff;
+}
+/*-- rss --*/
+.icon-cube.agile_rss::before,
+.icon-cube.agile_rss::after {
+	content:"\f09e";
+	color: #f26522;
+}
+
+.icon-cube.agile_rss::after {
+	background-color:#f26522;
+	color: #fff;
+}
+/*-- instagram --*/
+.icon-cube.agile_instagram::before,
+.icon-cube.agile_instagram::after {
+	content:"\f16d";
+	color: #833ab4;
+}
+
+.icon-cube.agile_instagram::after {
+	background-color:#833ab4;
+	color: #fff;
+}
+/*-- t --*/
+.icon-cube.agile_t::before,
+.icon-cube.agile_t::after {
+	content:"\f173";
+	color: #35465c;
+}
+
+.icon-cube.agile_t::after {
+	background-color:#35465c;
+	color: #fff;
+}
+/*-- //social-icons --*/
+/*-- icons --*/
+.codes a {
+    color: #999;
+}
+.icon-box {
+    padding: 8px 15px;
+    background:rgba(149, 149, 149, 0.18);
+    margin: 1em 0 1em 0;
+    border: 5px solid #ffffff;
+    text-align: left;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    font-size: 13px;
+    transition: 0.5s all;
+    -webkit-transition: 0.5s all;
+    -o-transition: 0.5s all;
+    -ms-transition: 0.5s all;
+    -moz-transition: 0.5s all;
+    cursor: pointer;
+} 
+.icon-box:hover {
+    background: #000;
+	transition:0.5s all;
+	-webkit-transition:0.5s all;
+	-o-transition:0.5s all;
+	-ms-transition:0.5s all;
+	-moz-transition:0.5s all;
+}
+.icon-box:hover i.fa {
+	color:#fff !important;
+}
+.icon-box:hover a.agile-icon {
+	color:#fff !important;
+}
+.codes .bs-glyphicons li {
+    float: left;
+    width: 12.5%;
+    height: 115px;
+    padding: 10px; 
+    line-height: 1.4;
+    text-align: center;  
+    font-size: 12px;
+    list-style-type: none;	
+}
+.codes .bs-glyphicons .glyphicon {
+    margin-top: 5px;
+    margin-bottom: 10px;
+    font-size: 24px;
+}
+.codes .glyphicon {
+    position: relative;
+    top: 1px;
+    display: inline-block;
+    font-family: 'Glyphicons Halflings';
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+	color: #777;
+} 
+.codes .bs-glyphicons .glyphicon-class {
+    display: block;
+    text-align: center;
+    word-wrap: break-word;
+}
+h4.m-sing {
+    text-align: left;
+}
+h3.icon-subheading {
+    font-size: 28px;
+    color: #0066ff !important;
+    margin: 30px 0 15px;
+    font-weight: 600;
+    letter-spacing: 2px;
+}
+h3.agileits-icons-title {
+    text-align: center;
+    font-size: 33px;
+    color: #222222;
+    font-weight: 600;
+    letter-spacing: 2px;
+}
+.icons a {
+    color: #999;
+}
+.icon-box i {
+    margin-right: 10px !important;
+    font-size: 20px !important;
+    color: #282a2b !important;
+}
+.bs-glyphicons li {
+    float: left;
+    width: 18%;
+    height: 115px;
+    padding: 10px;
+    line-height: 1.4;
+    text-align: center;
+    font-size: 12px;
+    list-style-type: none;
+    background:rgba(149, 149, 149, 0.18);
+    margin: 1%;
+}
+.bs-glyphicons .glyphicon {
+    margin-top: 5px;
+    margin-bottom: 10px;
+    font-size: 24px;
+	color: #282a2b;
+}
+.glyphicon {
+    position: relative;
+    top: 1px;
+    display: inline-block;
+    font-family: 'Glyphicons Halflings';
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+	color: #777;
+} 
+.bs-glyphicons .glyphicon-class {
+    display: block;
+    text-align: center;
+    word-wrap: break-word;
+}
+@media (max-width:991px){
+	h3.agileits-icons-title {
+		font-size: 28px;
+	}
+	h3.icon-subheading {
+		font-size: 22px;
+	}
+}
+@media (max-width:768px){
+	h3.agileits-icons-title {
+		font-size: 28px;
+	}
+	h3.icon-subheading {
+		font-size: 25px;
+	}
+	.row {
+		margin-right: 0;
+		margin-left: 0;
+	}
+	.icon-box {
+		margin: 0;
+	}
+}
+@media (max-width: 640px){
+	.icon-box {
+		float: left;
+		width: 50%;
+	}
+}
+@media (max-width: 480px){
+	.bs-glyphicons li {
+		width: 31%;
+	}
+	.icon-box {
+		float: none;
+		width: 100%;
+}
+}
+@media (max-width: 414px){
+	h3.agileits-icons-title {
+		font-size: 23px;
+	}
+	h3.icon-subheading {
+		font-size: 18px;
+	}
+	.bs-glyphicons li {
+		width: 31.33%;
+	}
+}
+@media (max-width: 384px){
+	.icon-box {
+		float: none;
+		width: 100%;
+	}
+}
+/*-- //icons --*/
+.w3_wthree_agileits_icons.main-grid-border {
+    padding: 5em 0;
+}
+/*-----start-responsive-design------*/
+@media (max-width:1680px){
+}
+@media (max-width:1600px){
+}
+@media (max-width:1440px){
+}
+@media (max-width:1366px){
+}
+@media (max-width: 1280px){
+}
+@media (max-width: 1080px){
+#PPMiniCart {
+	left: 42% !important;
+}
+#Awesome h4 {
+	padding: 1.9em 0 0;
+}
+.w3ls_logo_products_left h1 a {
+    font-size: 34px;
+}
+.w3l_search input[type="search"] {
+    width: 81%;
+}
+.navbar-nav > li {
+    margin-left: 8px;
+}
+.nav > li > a {
+    padding: 10px 8px !important;
+}
+.top-brands h2, .newproducts-w3agile h3, .login h2, .register h2, .faq-w3agile h3, .brands h3 {
+    font-size: 2em;
+}
+.w3_footer_grid h3 {
+    font-size: 1.4em;
+}
+.products-right {
+    padding: 0;
+}
+.snipcart-details {
+    width: 81%;
+}
+h3.w3_agile_header, h2.w3_agile_header {
+    font-size: 2em;
+}
+.w3_agileits_contact_grid_right {
+    padding: 0 2em 0 6em;
+}
+.agileits_w3layouts_map_pos {
+    width: 65%;
+}
+.about-team-grids {
+    width: 24.4%;
+}
+.about-team-grids h4 {
+    font-size: 0.9em;
+}
+.about-team-grids:hover .caption {
+    top: 42.2%;
+}
+.testi h4 {
+    font-size: 1.1em;
+}
+}
+@media (max-width: 1024px){
+}
+@media (max-width: 991px){
+.w3l_offers p {
+    font-size: 14px;
+}
+.w3l_offers {
+    width: 52%;
+}
+.agile-login {
+    padding: 6px 0;
+}
+.w3view-cart {
+    height: 36px;
+}
+.agileits_header {
+    padding: 12px 0 8px;
+}
+.w3ls_logo_products_left h1 a {
+    font-size: 30px;
+}
+i.fa.fa-phone {
+    margin-right: 7px;
+    font-size: 15px;
+}
+ul.phone_email li {
+    font-size: 13px;
+}
+.w3ls_logo_products_left1 {
+    margin-top: 0;
+    width: 38%;
+}
+.w3l_search {
+    width: 27%;
+    margin: 0em 0 0em 0em;
+}
+.w3l_search input[type="search"] {
+    width: 76%;
+}
+.navbar-default .navbar-nav > li > a {
+    font-size: 14px;
+}
+.nav > li > a {
+    padding: 10px 2px !important;
+}
+.navbar-nav > li {
+    margin-left: 5px;
+}
+.navbar {
+    min-height: 43px;
+}
+.top_brand_left {
+    float: left;
+    width: 33.33%;
+}
+.agile_top_brand_left_grid1 img {
+   max-width: 100% ! important ;
+}
+.brands-agile-1 {
+    margin: 0;
+}
+.w3layouts-brand {
+    float: left;
+    width: 33.33%;
+    margin-bottom: 3%;
+}
+.top_brand_left-1 {
+    width: 50%;
+    float: left;
+    margin-bottom: 3%;
+}
+.newproducts-w3agile {
+    padding: 3em 0 2em;
+}
+.footer {
+    padding: 3em 0 2em;
+}
+.w3_footer_grid {
+    float: left;
+    width: 50%;
+    margin-bottom: 1em;
+}
+.footer-copy p {
+    margin: 1.5em 0 0;
+}
+.ban-bottom3 {
+    margin: 2em 0;
+}
+.products-left {
+    padding: 0;
+    margin-bottom: 24px;
+}
+.w3_agileits_contact_grid_right {
+    padding: 0 1em 0 1em;
+	margin-top:2em;
+}
+.agileits_w3layouts_map_pos {
+    right: 6%;
+    width: 38%;
+}
+.about-w3imgs {
+    float: left;
+    width: 33.33%;
+}
+.about-wthree-grids {
+    margin-top: 2em;
+}
+.about-slid h2 {
+    font-size: 2.5em;
+}
+.about-slid-info {
+    width: 100%;
+}
+.about-team-grids {
+    margin-left: 16px;
+    width: 47%;
+    float: left;
+	padding: 2em 2em;
+    margin-bottom: 20px;
+}
+.login-form-grids {
+    width: 65%;
+}
+.login h4 {
+    font-size: 1.3em;
+}
+.timetable_sub th, .timetable_sub td {
+    font-size: 12px;
+}
+.checkout-left-basket {
+    width: 34%;
+}
+.agileinfo_single_left {
+    float: left;
+    width: 40%;
+}
+.agileinfo_single_right {
+    padding-left: 2em;
+    float: left;
+    width: 60%;
+}
+.agileinfo_single h2 {
+    font-size: 1.4em;
+}
+.w3agile_description p {
+    font-size: 14px;
+    width: 100%;
+}
+.agileinfo_single_right_details {
+    width: 36% !important;
+}
+}
+@media (max-width:800px){
+}
+@media (max-width: 768px){
+#PPMiniCart {
+	left: 39% !important;
+}
+.top-brands {
+    padding: 3em 0;
+}
+p.w3l-ad {
+    width: 80%;
+}
+.brands {
+    padding: 3em 0;
+}
+.ban-bottom-w3l {
+    padding: 3em 0;
+}
+.brands-agile {
+    margin-top: 3em;
+}
+.grid_3.grid_5 {
+    margin-top: 3em;
+}
+.products {
+    padding: 3em 0;
+}
+ul.paging {
+    margin: 2em auto 0;
+}
+.about, .about-team, .contact, .codes {
+    padding: 3em 0;
+}
+.about-agileinfo {
+    margin-top: 3em;
+}
+.team-agileitsinfo {
+    margin-top: 3em;
+}
+.register {
+    padding: 3em 0;
+}
+.login {
+    padding: 3em 0;
+}
+.checkout {
+    padding: 3em 0;
+}
+}
+@media (max-width: 767px){
+	.navbar-nav > li {
+	float: none;
+    margin-left: 0px;
+    text-align: center;
+}
+.navbar-nav {
+    margin: 0;
+}
+.about, .about-team, .contact, .codes {
+    padding: 3em 0;
+}
+.agileits_w3layouts_map_pos {
+    width: 45%;
+}
+ul.faq {
+    margin-top: 3em;
+    padding: 0 1.5em;
+}
+.faq-w3agile {
+    padding: 3em 0em;
+}
+.navbar-nav .open .dropdown-menu {
+    background: #fff;
+}
+.navbar-default {
+    background: none;
+    border: none;
+    text-align: center;
+}
+}
+@media (max-width: 736px){
+#PPMiniCart {
+	top: 140px !important;
+}
+#PPMiniCart form {
+	max-height: 185px !important;
+}
+.w3l_offers p {
+    font-size: 13px;
+}
+.w3ls_logo_products_left h1 a {
+    font-size: 26px;
+}
+.logo_products {
+    padding: 1.5em 0;
+}
+.skdslider {
+    height: 281px;
+}
+.snipcart-details {
+    width: 100%;
+}
+.agile_top_brand_left_grid1 p {
+    font-size: 13px;
+}
+.agile_top_brand_left_grid1 h4, .agileinfo_single_right_snipcart h4 {
+    font-size: 0.9em;
+}
+.value {
+    width: 27px;
+    height: 27px;
+    padding: 8px 0px;
+    line-height: 13px;
+}
+.value-minus, .value-plus {
+    height: 27px;
+    line-height: 13px;
+    width: 27px;
+    font-size: 16px;
+}
+.agileinfo_single h2 {
+    font-size: 1.3em;
+}
+}
+@media (max-width: 667px){
+#PPMiniCart {
+	left: 36% !important;
+}
+#PPMiniCart form {
+	max-height: 165px !important;
+}
+.agile-login {
+    width: 37%;
+}
+.w3l_offers {
+    width: 56%;
+}
+.agile-login ul li {
+    padding: 0em 0.4em;
+}
+.w3ls_logo_products_left1 {
+    width: 100%;
+    text-align: center;
+}
+.w3ls_logo_products_left {
+    width: 100%;
+    margin: 20px 0;
+}
+.w3ls_logo_products_left h1 a {
+    display: inline-block;
+}
+.w3l_search {
+    width: 100%;
+}
+.w3l_search input[type="search"] {
+    width: 92%;
+}
+.logo_products {
+    padding: 1em 0;
+}
+.top_brand_left {
+    width: 100%;
+    margin-bottom: 3%;
+}
+.snipcart-details input.button {
+    width: 54%;
+}
+.agile_top_brands_grids {
+    margin-top: 2em;
+}
+.agileits_w3layouts_map_pos {
+    width: 51%;
+}
+.login-form-grids {
+    width: 71%;
+}
+.checkout-left-basket {
+    width: 42%;
+}
+.agileinfo_single h2 {
+    font-size: 1.2em;
+}
+.agileinfo_single_right_details {
+    width: 73% !important;
+	text-align: left;
+}
+}
+@media (max-width: 640px){
+#PPMiniCart form {
+	max-height: 400px !important;
+}
+.w3l_offers {
+    width: 100%;
+    text-align: center;
+}
+.agile-login {
+    width: 38%;
+}
+.about .grid-top h4 {
+    font-size: 1.3em;
+}
+.about-slid h2 {
+    font-size: 2em;
+}
+.about-slid {
+    padding: 4em 0;
+}
+.about-slid p {
+    font-size: 0.9em;
+}
+.login-form-grids {
+    width: 76%;
+}
+.agileinfo_single_left {
+    padding: 1em;
+}
+.agileinfo_single_right {
+    padding-left: 1em;
+}
+}
+@media (max-width: 600px){
+#PPMiniCart form {
+	width: 506px !important;
+}
+#PPMiniCart {
+	left: 41% !important;
+}
+#PPMiniCart ul {
+	width: 464px !important;
+}
+#PPMiniCart form {
+	max-height: 210px !important;
+}
+.agile-login {
+    width: 40%;
+}
+.value-minus, .value-plus {
+    height: 22px;
+    width: 22px;
+}
+.value {
+    width: 22px;
+    height: 22px;
+    line-height: 6px;
+}
+}
+@media (max-width: 568px){
+#PPMiniCart form {
+	max-height: 100px !important;
+}
+.snipcart-details input.button {
+    width: 64%;
+}
+.agile-login {
+    width: 43%;
+}
+.w3l_search input[type="search"] {
+    width: 91%;
+}
+.agileits_w3layouts_map_pos {
+    width: 58%;
+}
+.about-team-grids {
+    width: 46%;
+}
+.checkout-left-basket {
+    width: 49%;
+}
+td.invert-image a img {
+    width: 65%;
+}
+.timetable_sub th, .timetable_sub td {
+    width: 50px;
+}
+.value {
+    width: 17px;
+    height: 17px;
+    line-height: 0px;
+}
+.value-minus, .value-plus {
+    height: 17px;
+    width: 17px;
+}
+.timetable_sub th, .timetable_sub td {
+    padding: 7px 0px;
+}
+}
+@media (max-width: 480px){
+#PPMiniCart form {
+	max-height: 350px !important;
+}
+#PPMiniCart form {
+	width: 400px !important;
+}
+#PPMiniCart ul {
+	width: 358px !important;
+}
+#PPMiniCart {
+	left: 51% !important;
+}
+.top_brand_left-1 {
+    width: 100%;
+}
+.w3layouts-brand {
+    float: left;
+    width: 50%;
+    margin-bottom: 3%;
+}
+.nav-tabs>li>a {
+    font-size: 14px;
+}
+.w3l_search input[type="search"] {
+    width: 90%;
+}
+.agile-login {
+    width: 50%;
+}
+.top-brands h2, .newproducts-w3agile h3, .login h2, .register h2, .faq-w3agile h3, .brands h3 {
+    font-size: 1.7em;
+}
+p.w3l-ad {
+    width: 100%;
+}
+.grid_3.grid_5 h5 {
+    font-size: 18px;
+}
+.w3_footer_grid {
+    width: 100%;
+}
+.w3_footer_grid h3 {
+    margin-bottom: 1em;
+}
+.sorting {
+    width: 44%;
+}
+.sorting-left {
+    width: 42%;
+}
+h3.w3_agile_header, h2.w3_agile_header {
+    font-size: 1.7em;
+}
+.agileits_w3layouts_map_pos {
+
+    width: 70%;
+}
+.about-team-grids {
+    width: 65%;
+    float: none;
+    margin: 0 auto 20px;
+}
+.about-slid h2 {
+    font-size: 1.7em;
+}
+.login-form-grids {
+    width: 90%;
+}
+.checkout-left-basket {
+    width: 57%;
+}
+.checkout-right-basket {
+    margin: 3em 0 0 0em;
+}
+.agileinfo_single_left {
+    width: 100%;
+    margin-bottom: 2em;
+	padding: 3em 4em;
+}
+.agileinfo_single_right {
+    padding-left: 0em;
+    width: 100%;
+}
+}
+@media (max-width: 414px){
+#PPMiniCart form {
+	width: 360px !important;
+}
+#PPMiniCart ul {
+	width: 318px !important;
+}
+#PPMiniCart {
+	left: 55% !important;
+}
+.agile-login {
+    width: 61%;
+}
+.w3l_search input[type="search"] {
+    width: 87%;
+}
+.w3ls_logo_products_left {
+    margin: 12px 0;
+}
+.ban-text1 h4 {
+    font-size: 16px;
+}
+.ban-text1 {
+    left: 18%;
+}
+.footer-copy p {
+    font-size: 14px;
+}
+.agileits_w3layouts_map_pos {
+    width: 80%;
+}
+.about-wthree-grids {
+    margin-top: 0em;
+}
+.about .grid-top h4 {
+    font-size: 1.1em;
+    line-height: 24px;
+}
+.about .grid-top p {
+    font-size: 0.875em;
+}
+.about-team-grids {
+    width: 80%;
+}
+.login-form-grids {
+    padding: 2em;
+}
+.checkout h2 {
+    font-size: 0.95em;
+    margin: 0 0 2em;
+}
+.value-minus, .value-plus {
+   margin: 4px 15px;
+    display: inline-block;
+}
+.value {
+    margin: 4px 15px;
+    display: inline-block;
+}
+.quantity-select .entry.value-minus {
+    margin-left: 15px;
+}
+.checkout-left-basket {
+    width: 100%;
+}
+.agileinfo_single_left {
+    padding: 2em 2em;
+}
+}
+@media (max-width: 384px){
+#PPMiniCart form {
+	width: 300px !important;
+	padding: 10px 10px 40px !important;
+}
+#PPMiniCart ul {
+	width: 278px !important;
+}
+#PPMiniCart .minicart-remove {
+	width: 11px !important;
+	height: 11px !important;
+	line-height: 0;
+	margin: 3px 0 0 !important;
+}
+#PPMiniCart {
+	left: 64% !important;
+}
+#PPMiniCart .minicart-item a {
+	font-size: 13px;
+}
+#PPMiniCart .minicart-attributes li {
+	font-size: 12px;
+}
+span.minicart-price {
+	font-size: 12px;
+}
+#PPMiniCart .minicart-quantity {
+	font-size: 11px;
+}
+.w3l_offers p {
+    font-size: 12px;
+}
+.agile-login {
+    width: 67%;
+}
+.w3l_search input[type="search"] {
+    width: 86%;
+}
+.w3layouts-foot {
+    width: 100%;
+    text-align: center;
+    margin-bottom: 20px;
+}
+.payment-w3ls {
+    width: 100%;
+    text-align: center;
+}
+.payment-w3ls img{
+ display:inline-block;
+}
+.agileits_w3layouts_map_pos {
+    width: 90%;
+}
+.about-slid h2 {
+    font-size: 1.5em;
+}
+.about-slid p {
+    font-size: 0.875em;
+}
+.login-form-grids {
+    width: 95%;
+}
+.checkout h2 {
+    font-size: 0.9em;
+}
+}
+@media (max-width: 375px){
+	.login-form-grids {
+    width: 100%;
+}
+.checkout h2 {
+    font-size: 0.875em;
+}
+.agileinfo_single_left {
+    padding: 1em 1em;
+}
+.agileinfo_single h2 {
+    font-size: 1.1em;
+}
+}
+@media (max-width: 320px){
+#PPMiniCart form {
+	width: 285px !important;
+}
+#PPMiniCart ul {
+	width: 263px !important;
+}
+#PPMiniCart {
+	left: 69% !important;
+}
+#PPMiniCart .minicart-subtotal {
+	padding-left: 5px !important;
+	font-size: 13px !important;
+}
+.agile-login {
+    width: 79%;
+}
+.w3l_offers p {
+    font-size: 10px;
+}
+.w3l_offers {
+    padding: 9px 0 5px;
+}
+.w3ls_logo_products_left {
+    margin: 3px 0 12px;
+}
+.w3l_search input[type="search"] {
+    width: 83%;
+}
+.top-brands h2, .newproducts-w3agile h3, .login h2, .register h2, .faq-w3agile h3, .brands h3 {
+    font-size: 1.4em;
+}
+.nav-tabs>li>a {
+    font-size: 12px;
+}
+div#myTabContent {
+    padding: 20px 20px;
+}
+p.w3l-ad {
+    font-size: 13px;
+    line-height: 24px;
+}
+.top_brand_left {
+    padding: 0;
+}
+.ban-text1 h4 {
+    font-size: 14px;
+}
+.ban-text1 {
+    left: 17%;
+	padding: 8px 18px;
+}
+.top-brands {
+    padding: 2em 0;
+}
+.grid_3.grid_5 {
+    margin-top: 2em;
+}
+.ban-bottom-w3l {
+    padding: 2em 0;
+}
+.brands {
+    padding: 2em 0;
+}
+.w3layouts-brand {
+    width: 46%;
+    padding: 0;
+    margin: 2%;
+}
+.brands-agile {
+    margin-top: 2em;
+}
+.newproducts-w3agile {
+    padding: 2em 0 1em;
+}
+.footer-copy p {
+    margin: 0 0 0;
+}
+.footer {
+    padding: 2em 0 1.5em;
+}
+.w3_footer_grid h3 {
+    font-size: 1.3em;
+}
+.w3_footer_grid {
+    padding: 0;
+}
+.sorting-left {
+    width: 47%;
+	margin-right: 2%;
+}
+.sorting {
+    width: 51%;
+}
+.products {
+    padding: 2em 0;
+}
+.categories ul.cate, .new-products-grids {
+    padding: 1em;
+}
+ul.cate ul {
+    margin-left: 1.5em;
+}
+.about, .about-team, .contact, .codes {
+    padding: 2em 0;
+}
+.agileits_w3layouts_map_pos1 {
+    padding: 1em;
+}
+.agileits_w3layouts_map_pos {
+    padding: 1em;
+}
+.agileits_w3layouts_map_pos {
+    top: 13%;
+}
+.agile_map	iframe {
+    min-height: 430px;
+}
+h3.w3_agile_header, h2.w3_agile_header {
+    font-size: 1.4em;
+}
+.about-agileinfo {
+    margin-top: 2em;
+}
+.about-wthree-grids {
+    padding: 0;
+}
+.about .grid-top h4 {
+    font-size: 1em;
+	letter-spacing: 1px;
+}
+.time-top h4 {
+    font-size: 1.5em;
+}
+.about-slid {
+    padding: 3em 0;
+}
+.about-slid h2 {
+    font-size: 1.3em;
+}
+.about-team-grids {
+    width: 100%;
+}
+.faq-w3agile {
+    padding: 2em 0em;
+}
+ul.faq {
+    margin-top: 2em;
+    padding: 0 1em;
+}
+.faq-w3agile .faq li {
+    margin-top: 1em;
+}
+.faq > li > a {
+    line-height: 23px;
+}
+.register {
+    padding: 2em 0;
+}
+.login-form-grids {
+    margin: 2em auto 0;
+}
+.login-form-grids {
+    padding: 1.2em;
+}
+.register-check-box label {
+    font-size: 13px;
+}
+.checkbox {
+	padding-left: 30px !important;
+}
+.login {
+    padding: 2em 0;
+}
+.login p a {
+    font-size: 1em;
+}
+.checkout h2 {
+    font-size: 0.875em;
+    line-height: 22px;
+}
+.checkout {
+    padding: 2em 0;
+}
+.value-minus, .value-plus {
+    margin: 4px 10px;
+}
+.quantity-select .entry.value-minus {
+    margin-left: 10px;
+}
+.value {
+    margin: 4px 10px;
+}
+td.invert-image a img {
+    width: 72%;
+}
+.agileinfo_single h2 {
+    font-size: 0.95em;
+}
+.w3agile_description h4 {
+    font-size: 0.875em;
+}
+.w3agile_description {
+    margin: 1em 0;
+}
+.w3agile_description p {
+    font-size: 13px;
+}
+}