├── README.md
├── images
├── pizza.png
├── burger1.jpg
├── burger2.jpg
├── burger3.jpg
├── chaire1.png
├── chaire2.png
├── chaire4.png
└── chaire6.png
├── fonts
├── Flaticon.eot
├── Flaticon.ttf
├── Flaticon.woff
└── Flaticon.svg
├── css
├── flaticon.css
├── color.css
├── sstyle.css
├── custom.css
└── bootsnav.css
├── JS
└── main.js
└── Index.html
/README.md:
--------------------------------------------------------------------------------
1 | # Projet-Framework
2 | Projet Framework
3 |
--------------------------------------------------------------------------------
/images/pizza.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/images/pizza.png
--------------------------------------------------------------------------------
/fonts/Flaticon.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/fonts/Flaticon.eot
--------------------------------------------------------------------------------
/fonts/Flaticon.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/fonts/Flaticon.ttf
--------------------------------------------------------------------------------
/fonts/Flaticon.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/fonts/Flaticon.woff
--------------------------------------------------------------------------------
/images/burger1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/images/burger1.jpg
--------------------------------------------------------------------------------
/images/burger2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/images/burger2.jpg
--------------------------------------------------------------------------------
/images/burger3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/images/burger3.jpg
--------------------------------------------------------------------------------
/images/chaire1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/images/chaire1.png
--------------------------------------------------------------------------------
/images/chaire2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/images/chaire2.png
--------------------------------------------------------------------------------
/images/chaire4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/images/chaire4.png
--------------------------------------------------------------------------------
/images/chaire6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/X-SLAYER/Projet-Framework/master/images/chaire6.png
--------------------------------------------------------------------------------
/css/flaticon.css:
--------------------------------------------------------------------------------
1 | /*
2 | Flaticon icon font: Flaticon
3 | Creation date: 28/07/2016 22:45
4 | */
5 |
6 | @font-face {
7 | font-family: "Flaticon";
8 | src: url("../fonts/Flaticon.eot");
9 | src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
10 | url("../fonts/Flaticon.woff") format("woff"),
11 | url("../fonts/Flaticon.ttf") format("truetype"),
12 | url("../fonts/Flaticon.svg#Flaticon") format("svg");
13 | font-weight: normal;
14 | font-style: normal;
15 | }
16 |
17 | @media screen and (-webkit-min-device-pixel-ratio:0) {
18 | @font-face {
19 | font-family: "Flaticon";
20 | src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
21 | }
22 | }
23 |
24 | [class^="flaticon-"]:before, [class*=" flaticon-"]:before,
25 | [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
26 | font-family: Flaticon;
27 | font-size: 20px;
28 | font-style: normal;
29 | }
30 |
31 | .flaticon-calories:before { content: "\f101"; }
32 | .flaticon-drink:before { content: "\f102"; }
33 | .flaticon-burger:before { content: "\f104"; }
34 | .flaticon-food:before { content: "\f106"; }
35 | .flaticon-protein:before { content: "\f109"; }
36 | .flaticon-carbohydrate:before { content: "\f10e"; }
--------------------------------------------------------------------------------
/css/color.css:
--------------------------------------------------------------------------------
1 | /* ==============================================================
2 |
3 | Template name : Bootsnav - Multi Purpose Header
4 | Categorie : Bootstrap Menu in CSS
5 | Author : adamnurdin01
6 | Version : v1.0.0
7 | Created : 02 Juni 2016
8 | Last update : 02 Juni 2016
9 |
10 | ============================================================== */
11 |
12 | /*
13 | Color
14 | =========================== */
15 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
16 | .side .widget ul.link li a:hover,
17 | .side .widget ul.link li a:focus,
18 | .check-list li:before,
19 | ul.cart-list > li > h6 > a,
20 | .attr-nav > ul > li > a:hover,
21 | .attr-nav > ul > li > a:focus,
22 | nav.navbar-sidebar ul.nav li.dropdown.on > a,
23 | nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
24 | nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
25 | nav.navbar ul.nav li.dropdown.on > a,
26 | nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
27 | nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
28 | nav.navbar .dropdown .megamenu-content .col-menu.on .title,
29 | nav.navbar ul.nav > li > a:hover,
30 | nav.navbar ul.nav li.active > a,
31 | nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
32 | color: #f43438;
33 | }
34 |
35 | nav.navbar.navbar-transparent ul.nav > li > a:hover,
36 | nav.navbar.no-background ul.nav > li > a:hover,
37 | nav.navbar ul.nav li.scroll.active > a,
38 | nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover,
39 | nav.navbar ul.nav li.dropdown.on > a,
40 | nav.navbar-dark ul.nav li.dropdown.on > a{
41 | color: #f43438 !important;
42 | }
43 |
44 | @media(max-width:920px){
45 | nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
46 | nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
47 | color: #f43438 !important;
48 | }
49 | }
50 |
51 | /*
52 | Border
53 | =========================== */
54 | ul.cart-list > li.total > .btn{
55 | border-color: #f43438;
56 | }
57 |
58 | nav.navbar li.dropdown ul.dropdown-menu{
59 | border-top-color: #f43438 !important;
60 | }
61 |
62 | /*
63 | Background
64 | =========================== */
65 | ul.cart-list > li.total > .btn,
66 | .attr-nav > ul > li > a span.badge,
67 | nav.navbar .share ul > li > a:hover,
68 | nav.navbar .share ul > li > a:focus{
69 | background-color: #f43438;
70 | }
71 |
72 | ul.cart-list > li.total > .btn:hover,
73 | ul.cart-list > li.total > .btn:focus{
74 | background-color: #dc3236 !important;
75 | }
--------------------------------------------------------------------------------
/css/sstyle.css:
--------------------------------------------------------------------------------
1 | * {
2 | font-size: 18px;
3 | }
4 |
5 | #div_resume {
6 | display: none;
7 | background-color: #6699FF;
8 | margin: auto;
9 | border-radius: 10px;
10 | padding: 20px;
11 | }
12 |
13 | body {
14 | font-family: Arial, Helvetica, sans-serif;
15 | }
16 |
17 | .heading {
18 | font-family: Verdana, Geneva, Tahoma, sans-serif;
19 | color: white;
20 | padding: 1%;
21 | padding-left: 2.8em;
22 | }
23 |
24 | .container {
25 | background-color: #9B4747;
26 | }
27 |
28 | .navbar {
29 | border-radius: 0;
30 | }
31 |
32 | .scroll-up {
33 | display: none;
34 | z-index: 1531;
35 | position: fixed;
36 | bottom: 20px;
37 | right: 20px;
38 | border-radius: 50%;
39 | color: white;
40 | background-color: #000;
41 | padding: 18px 18px;
42 | }
43 |
44 | .scroll-up:hover {
45 | background-color: #d7d7d7;
46 | color: #000;
47 | }
48 |
49 | .navbar {
50 | border-radius: 0;
51 | margin-bottom: 0;
52 | background-color: #9b4747;
53 | color: #fff;
54 | padding: 1% 0;
55 | font-size: 1.2em;
56 | border: 0;
57 | }
58 |
59 | .navbar-brand {
60 | float: left;
61 | min-height: 55px;
62 | padding: 0;
63 | }
64 |
65 | .img {
66 | width: 90px;
67 | height: 65px;
68 | }
69 |
70 | .navbar-inverse .navbar-nav .active a {
71 | color: #fff;
72 | background-color: #9b4747;
73 | }
74 |
75 | .navbar-inverse .navbar-nav .active a:focus {
76 | color: #fff;
77 | background-color: #d1d1d1;
78 | }
79 |
80 | .navbar-inverse .navbar-nav .active a:hover {
81 | color: #fff;
82 | background-color: #9b4747;
83 | }
84 |
85 | .navbar-inverse .navbar-nav li a {
86 | color: #D5D5D5;
87 | }
88 |
89 | #chaiz {
90 | width: 290px;
91 | height: 231px;
92 | }
93 |
94 | #nbp,#date {
95 | padding: 10px 15px;
96 | border: 1px dashed white;
97 | border-radius: 4px;
98 | background-color: #323232;
99 | }
100 |
101 | /***************************POPOUT NOTIFCATION********************************/
102 | body {font-family: Arial, Helvetica, sans-serif;}
103 |
104 | /* The Modal (background) */
105 | .modal {
106 | display: none; /* Hidden by default */
107 | position: fixed; /* Stay in place */
108 | z-index: 1; /* Sit on top */
109 | padding-top: 100px; /* Location of the box */
110 | left: 0;
111 | top: 0;
112 | width: 100%; /* Full width */
113 | height: 100%; /* Full height */
114 | overflow: auto; /* Enable scroll if needed */
115 | background-color: rgb(0,0,0); /* Fallback color */
116 | background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
117 | }
118 |
119 | /* Modal Content */
120 | .modal-content {
121 | background-color: #FF0000;
122 | margin: auto;
123 | padding: 20px;
124 | border: 1px solid #888;
125 | width: 50%;
126 | }
127 |
128 | /* The Close Button */
129 | .close {
130 | color: #0082FF;
131 | float: right;
132 | font-size: 28px;
133 | font-weight: bold;
134 | }
135 | .close:hover,
136 | .close:focus {
137 | color: #0082FF;
138 | text-decoration: none;
139 | cursor: pointer;
140 | }
141 |
142 | .wrapper {
143 | height: 100vh;
144 | overflow-x: hidden;
145 | overflow-y: auto;
146 | perspective: 2px;
147 | }
148 |
149 | .section {
150 | position: relative;
151 | height: 100vh;
152 |
153 | display: flex;
154 | align-items: center;
155 | justify-content: center;
156 | color: white;
157 | text-shadow: 0 0 5px #000;
158 | }
159 |
160 | .parallax::after {
161 | content: " ";
162 | position: absolute;
163 | top: 0;
164 | right: 0;
165 | bottom: 0;
166 | left: 0;
167 | transform: translateZ(-1px) scale(1.5);
168 | background-size: 100%;
169 | z-index: -1;
170 | }
171 |
172 | .static {
173 | background: transparent;
174 | }
175 |
--------------------------------------------------------------------------------
/JS/main.js:
--------------------------------------------------------------------------------
1 | $(document).ready(function () {
2 | var duration = 500;
3 |
4 | $(window).scroll(function () {
5 | if ($(this).scrollTop() > 200) {
6 | $('.scroll-up').fadeIn(duration);
7 | } else {
8 | $('.scroll-up').fadeOut(duration);
9 | }
10 | });
11 |
12 | $(".scroll-up").click(function () {
13 | $("html,body").animate({ scrollTop: 0 }, duration);
14 | });
15 |
16 |
17 | $(function () {
18 | 'use strict'
19 | $('body').css('paddingTop', $('.navbar').innerHeight());
20 | });
21 | });
22 |
23 |
24 | function getSelectValue() {
25 |
26 | var selected = document.getElementById("nbp").value;
27 | var chaires = document.getElementById("chaises");
28 | $("#chaises").empty();
29 | switch (selected) {
30 | case "1":
31 | $("#chaises").append(" ");
32 | break;
33 | case "2":
34 | $("#chaises").append(" ");
35 | break;
36 | case "4":
37 | $("#chaises").append(" ");
38 | break;
39 | case "6":
40 | $("#chaises").append(" ");
41 | break;
42 | default: $("#chaises").append("
Aucun Option Selected !!
");
43 | }
44 |
45 | }
46 |
47 | function OpenError() {
48 |
49 | var modal = document.getElementById('myModal');
50 | var btn = document.getElementById("myBtn");
51 | var span = document.getElementsByClassName("close")[0];
52 | modal.style.display = "block";
53 | span.onclick = function () {
54 | modal.style.display = "none";
55 | }
56 | window.onclick = function (event) {
57 | if (event.target == modal) {
58 | modal.style.display = "none";
59 | }
60 | }
61 | }
62 |
63 | function verification() {
64 | var date = document.getElementById("date").value;
65 | var selected = document.getElementById("nbp").value;
66 | var checked = $("input[name=civilite]:checked").val();
67 | var nom = document.getElementById("nom").value;
68 | var count = 0;
69 | var phone = document.getElementById("tel").value;
70 | var plat = $("input[type='checkbox']:checked");
71 | var totalp = 0;
72 |
73 | if (selected == "-1") {
74 | $('#error').text('Veuillez sélectionner le nombre de places')
75 | OpenError();
76 | return;
77 | }
78 | if (date == "") {
79 | $('#error').text("Date non saisie !! ");
80 | OpenError();
81 | return;
82 | }
83 |
84 | if (checked != null) {
85 | if (checked == "mme") {
86 | checked = "Madame";
87 | } else if (checked == "mlle") {
88 | checked = "Mademoiselle";
89 | } else if (checked == "m") {
90 | checked = "Monsieur";
91 | }
92 | }
93 | else {
94 | $('#error').text("Saiaise Le Civilité !");
95 | OpenError();
96 | return;
97 | }
98 |
99 | if (nom.length >= 10) {
100 | for (var i = 0; i < nom.length; i++) {
101 | if ((nom[i] >= 0) && (nom[i] <= 9)) {
102 | count++;
103 | }
104 | }
105 | if (count == nom.length) {
106 | $('#error').text("Nom : Eurreur Remove chiffres");
107 | OpenError();
108 | return;
109 | }
110 |
111 | } else {
112 | $('#error').text("Nom et prénom trop courts ! ou champ vide !");
113 | OpenError();
114 | return;
115 | }
116 |
117 |
118 | if (phone.length == 8) {
119 | for (var i = 0; i < phone.length; i++) {
120 | if (!((phone[i] >= 0) && (phone[i] <= 9))) {
121 | $('#error').text("Tel : N de tel invalide !! ");
122 | OpenError();
123 | return;
124 | }
125 | }
126 | } else {
127 | $('#error').text("Tel : 8 chiffres sont nessesaires ");
128 | OpenError();
129 | return;
130 | }
131 |
132 |
133 | if (plat.length > 0) {
134 | var result = "";
135 | plat.each(function () {
136 | result += "" + $(this).val() + " ";
137 | totalp += $(this).data("prix");
138 | });
139 | result += " ";
140 | } else {
141 | $('#error').text("Il Vous Saiaisr Au Moins Une Plat !!");
142 | OpenError();
143 | return;
144 | }
145 |
146 | var finalconf = "Bonjour " + checked + " " + nom + " , " + "Votre commande du "
147 | + date + " a bien validée " + "Les plats commandés sont " + result +
148 | "Le montant total de la commande est de " + totalp + " Dinars ";
149 | $("#div_resume").html(finalconf).slideDown("slow");
150 | }
151 |
152 |
--------------------------------------------------------------------------------
/Index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Restaurant Iheb
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
45 |
46 |
47 |
48 |
49 | Iheb Restaurant
50 |
51 |
52 |
53 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
×
146 |
Error Champs Is Required
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
--------------------------------------------------------------------------------
/css/custom.css:
--------------------------------------------------------------------------------
1 | @import url(https://fonts.googleapis.com/css?family=Maitree:400,700);
2 | @import url(https://fonts.googleapis.com/css?family=Luckiest+Guy);
3 |
4 | /* General styles */
5 | body {
6 | font-size: 16px;
7 | line-height: 18px;
8 | font-family: 'Maitree', serif;
9 | color: #fff;
10 | background: #efe9dd;
11 | background-color:#9B4747;
12 | }
13 | /*Preloader css*/
14 |
15 | #loading{
16 | background-color: #d14149;
17 | height: 100%;
18 | width: 100%;
19 | position: fixed;
20 | z-index: 9999;
21 | margin-top: 0px;
22 | top: 0px;
23 | left:0;
24 | z-index: 9999;
25 | }
26 | #loading-center{
27 | width: 100%;
28 | height: 100%;
29 | position: relative;
30 | z-index: 999;
31 | }
32 | #loading-center-absolute {
33 | position: absolute;
34 | left: 50%;
35 | top: 50%;
36 | height: 150px;
37 | width: 150px;
38 | margin-top: -75px;
39 | margin-left: -75px;
40 | -ms-transform: rotate(45deg);
41 | -webkit-transform: rotate(45deg);
42 | transform: rotate(45deg);
43 | z-index: 9999;
44 |
45 | }
46 | .object{
47 | width: 20px;
48 | height: 20px;
49 | background-color: #FFF;
50 | position: absolute;
51 | left: 65px;
52 | top: 65px;
53 | -moz-border-radius: 50% 50% 50% 50%;
54 | -webkit-border-radius: 50% 50% 50% 50%;
55 | border-radius: 50% 50% 50% 50%;
56 | }
57 | .object:nth-child(2n+0) {
58 | margin-right: 0px;
59 |
60 | }
61 | #object_one {
62 | -webkit-animation: object_one 2s infinite;
63 | animation: object_one 2s infinite;
64 | -webkit-animation-delay: 0.2s;
65 | animation-delay: 0.2s;
66 | }
67 | #object_two {
68 | -webkit-animation: object_two 2s infinite;
69 | animation: object_two 2s infinite;
70 | -webkit-animation-delay: 0.3s;
71 | animation-delay: 0.3s;
72 | }
73 | #object_three {
74 | -webkit-animation: object_three 2s infinite;
75 | animation: object_three 2s infinite;
76 | -webkit-animation-delay: 0.4s;
77 | animation-delay: 0.4s;
78 | }
79 | #object_four {
80 | -webkit-animation: object_four 2s infinite;
81 | animation: object_four 2s infinite;
82 | -webkit-animation-delay: 0.5s;
83 | animation-delay: 0.5s;
84 | }
85 | #object_five {
86 | -webkit-animation: object_five 2s infinite;
87 | animation: object_five 2s infinite;
88 | -webkit-animation-delay: 0.6s;
89 | animation-delay: 0.6s;
90 | }
91 | #object_six {
92 | -webkit-animation: object_six 2s infinite;
93 | animation: object_six 2s infinite;
94 | -webkit-animation-delay: 0.7s;
95 | animation-delay: 0.7s;
96 | }
97 | #object_seven {
98 | -webkit-animation: object_seven 2s infinite;
99 | animation: object_seven 2s infinite;
100 | -webkit-animation-delay: 0.8s;
101 | animation-delay: 0.8s;
102 | }
103 | #object_eight {
104 | -webkit-animation: object_eight 2s infinite;
105 | animation: object_eight 2s infinite;
106 | -webkit-animation-delay: 0.9s;
107 | animation-delay: 0.9s;
108 | }
109 |
110 | #object_big{
111 |
112 | position: absolute;
113 | width: 50px;
114 | height: 50px;
115 | left: 50px;
116 | top: 50px;
117 | -webkit-animation: object_big 2s infinite;
118 | animation: object_big 2s infinite;
119 | -webkit-animation-delay: 0.5s;
120 | animation-delay: 0.5s;
121 | }
122 |
123 |
124 | @-webkit-keyframes object_big {
125 | 50% { -webkit-transform: scale(0.5); }
126 |
127 | }
128 |
129 | @keyframes object_big {
130 | 50% {
131 | transform: scale(0.5);
132 | -webkit-transform: scale(0.5);
133 | }
134 |
135 | }
136 |
137 | @-webkit-keyframes object_one {
138 | 50% { -webkit-transform: translate(-65px,-65px) ; }
139 |
140 | }
141 |
142 | @keyframes object_one {
143 | 50% {
144 | transform: translate(-65px,-65px) ;
145 | -webkit-transform: translate(-65px,-65px) ;
146 | }
147 |
148 | }
149 |
150 |
151 | @-webkit-keyframes object_two {
152 | 50% { -webkit-transform: translate(0,-65px) ; }
153 | }
154 |
155 | @keyframes object_two {
156 | 50% {
157 | transform: translate(0,-65px) ;
158 | -webkit-transform: translate(0,-65px) ;
159 | }
160 |
161 | }
162 |
163 | @-webkit-keyframes object_three {
164 | 50% { -webkit-transform: translate(65px,-65px) ; }
165 | }
166 |
167 | @keyframes object_three {
168 | 50% {
169 | transform: translate(65px,-65px) ;
170 | -webkit-transform: translate(65px,-65px) ;
171 | }
172 | }
173 |
174 | @-webkit-keyframes object_four {
175 |
176 | 50% { -webkit-transform: translate(65px,0) ; }
177 |
178 | }
179 |
180 | @keyframes object_four {
181 | 50% {
182 | transform: translate(65px,0) ;
183 | -webkit-transform: translate(65px,0) ;
184 | }
185 |
186 | }
187 |
188 | @-webkit-keyframes object_five {
189 |
190 | 50% { -webkit-transform: translate(65px,65px) ; }
191 |
192 | }
193 |
194 | @keyframes object_five {
195 | 50% {
196 | transform: translate(65px,65px) ;
197 | -webkit-transform: translate(65px,65px) ;
198 | }
199 |
200 | }
201 |
202 | @-webkit-keyframes object_six {
203 |
204 | 50% { -webkit-transform: translate(0,65px) ; }
205 |
206 | }
207 |
208 | @keyframes object_six {
209 | 50% {
210 | transform: translate(0,65px) ;
211 | -webkit-transform: translate(0,65px) ;
212 | }
213 |
214 | }
215 |
216 | @-webkit-keyframes object_seven {
217 |
218 | 50% { -webkit-transform: translate(-65px,65px) ; }
219 |
220 | }
221 |
222 | @keyframes object_seven {
223 | 50% {
224 | transform: translate(-65px,65px) ;
225 | -webkit-transform: translate(-65px,65px) ;
226 | }
227 |
228 | }
229 |
230 | @-webkit-keyframes object_eight {
231 |
232 | 50% { -webkit-transform: translate(-65px,0) ; }
233 |
234 | }
235 |
236 | @keyframes object_eight {
237 | 50% {
238 | transform: translate(-65px,0) ;
239 | -webkit-transform: translate(-65px,0) ;
240 | }
241 |
242 | }
243 |
244 | /*End off Preloader*/
245 |
246 |
247 | h1, h2, h3, h4, h5, h6 {
248 | text-transform: uppercase;
249 | font-family: 'Luckiest Guy', cursive;
250 | margin: 0;
251 | }
252 | h1{font-size: 70px;}
253 | h2 {font-size: 36px;letter-spacing:1px;}
254 | h3 {font-size: 24px;}
255 | img {width: 100%;}
256 | a,button{outline: 0 !important;}
257 | a:hover,a:focus{ text-decoration: none}
258 |
259 | /* Background Transition */
260 | .classic_btn,.info_btn,.social .fa {
261 | transition: background .3s ease-in-out;
262 | -webkit-transition: background .3s ease-in-out;
263 | -o-transition: background .3s ease-in-out;
264 | -moz-transition: background .3s ease-in-out;
265 | }
266 |
267 | /* Header */
268 | header{background: url(../images/header_bg.jpg)no-repeat;background-size: 100% 100%; color: #f1f1f1;overflow: hidden;}
269 | nav.navbar.bootsnav {
270 | background-color: #444;
271 | border: 0 none;
272 | }
273 | .logo {
274 | width: 160px;
275 | }
276 | .attr-nav {
277 | margin-right: 105px;
278 | }
279 | .side-menu .fa {
280 | color: #fff;
281 | font-size: 28px;
282 | }
283 | .side .widget ul.link li a:hover,.side .widget ul.link li a:focus {
284 | color:#D1B980;
285 | }
286 |
287 | /* Banner */
288 | .banner {
289 | margin-top: 67px;
290 | }
291 | .banner > h3 {
292 | font-size: 32px;
293 | letter-spacing: 16px;
294 | text-align: center;
295 | color: #f1f1f1;
296 | }
297 | .banner h1 {
298 | text-align: center;
299 | color:#f1f1f1
300 | }
301 | .inner_banner {
302 | margin-left: 170px;
303 | margin-top: 180px;
304 | }
305 | .banner_content {
306 | float: left;
307 | font-size: 12px;
308 | line-height: 15px;
309 | margin-right: 20px;
310 | width: 330px;
311 | padding-top:60px;
312 | }
313 | .banner_content p {
314 | margin-bottom: 15px;
315 | }
316 | .stamp {
317 | float: left;
318 | width: 160px;
319 | height: 160px;
320 | }
321 | header .caption {
322 | color: #d79c57;
323 | font-size: 11px;
324 | font-weight: bold;
325 | margin-bottom: 12px;
326 | margin-left: 28px;
327 | text-transform: uppercase;
328 | }
329 |
330 | /* First Secition */
331 | /* Feature */
332 | .feature{background: url(../images/feature_bg.jpg)no-repeat;background-size: 100% 100%;height: 360px;overflow:hidden;margin-top: 100px;}
333 | .shack_burger {
334 | float: right;
335 | margin-right: 20px;
336 | width: 255px;
337 | }
338 | .chicken {
339 | display: block;
340 | margin: 22px auto 0;
341 | width: 120px;
342 | }
343 | .shack_burger > h2 {
344 | margin-bottom: 20px;
345 | text-align: center;
346 | }
347 | .feature .caption {
348 | bottom: 0;
349 | color: #f1f1f1;
350 | font-size: 12px;
351 | line-height: 12px;
352 | left: 30px;
353 | position: absolute;
354 | }
355 | /* singnature */
356 | .signature{background: url(../images/sign_bg.jpg)no-repeat;background-size: 100% 100%;height: 360px;padding: 0 18px 18px;margin-top:100px;}
357 | .shape {
358 | background: linear-gradient(#ad021d, #c72937) repeat scroll 0 0;
359 | height: 116px;
360 | width: 136px;
361 | position: relative;
362 | }
363 | .shape:after {
364 | border-bottom: 20px solid transparent;
365 | border-left: 68px solid #c72937;
366 | border-right: 68px solid #c72937;
367 | bottom: -20px;
368 | content: "";
369 | position: absolute;
370 | }
371 | .shape .flaticon:before {
372 | display: block;
373 | font-size: 50px;
374 | height: 65px;
375 | margin: 0;
376 | padding-top: 34px;
377 | text-align: center;
378 | width: 100%;
379 | }
380 | .shape > p {
381 | font-size: 17px;
382 | font-weight: bold;
383 | padding: 2px 10px;
384 | text-align: center;
385 | text-transform: uppercase;
386 | }
387 | .signature_content {
388 | font-size: 17px;
389 | font-weight: bold;
390 | line-height: 20px;
391 | margin-left: 4px;
392 | margin-top: 42px;
393 | width: 168px;
394 | }
395 |
396 | /* Second Secition */
397 | /* Classic */
398 | .classic{background: url(../images/classic_bg.jpg)no-repeat;background-size: 100% 100%;margin-top:25px;height:360px;position:relative;overflow:hidden;}
399 | .classic_btn {
400 | background: #dc9e15 none repeat scroll 0 0;
401 | color: #fff;
402 | display: inline-block;
403 | font-size: 22px;
404 | font-weight: bold;
405 | margin-top: 18px;
406 | padding: 9px 13px 9px 18px;
407 | text-transform: uppercase;
408 | position:relative;
409 | }
410 | .classic_btn:hover,.classic_btn:focus {
411 | background: #c58e13 none repeat scroll 0 0;
412 | color: #fff;
413 | }
414 | .classic_btn:after {
415 | content:"";
416 | position:absolute;
417 | border-top:18px solid #dc9e15;
418 | border-bottom:18px solid #dc9e15;
419 | border-right:10px solid transparent;
420 | right:-10px;
421 | top:0;
422 |
423 | transition: border .3s ease-in-out;
424 | -webkit-transition: border .3s ease-in-out;
425 | -o-transition: border .3s ease-in-out;
426 | -moz-transition: border .3s ease-in-out;
427 | }
428 | .classic_btn:hover:after {
429 | border-top:18px solid #c58e13;
430 | border-bottom:18px solid #c58e13;
431 | }
432 | .classic .overlay {
433 | background: rgba(147, 79, 50, 0.93) none repeat scroll 0 0;
434 | bottom: 0;
435 | font-size: 14px;
436 | line-height: 17px;
437 | padding: 20px 26px 2px;
438 | position: absolute;
439 | }
440 | .classic .overlay p {
441 | margin-bottom: 20px;
442 | }
443 | /* Small Carousel */
444 | #small_carousel{margin-top:25px;}
445 | #small_carousel .carousel-inner > .item > a > img, #small_carousel .carousel-inner > .item > img{
446 | height: 360px;
447 | }
448 | #small_carousel .carousel-caption {
449 | left: 35px;
450 | padding: 0;
451 | right: 35px;
452 | top: 50px;
453 | }
454 | #small_carousel .carousel-indicators {
455 | margin-bottom: 2px;
456 | }
457 | #small_carousel .carousel-indicators > li {
458 | background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
459 | border: 0 none;
460 | height: 11px;
461 | margin: 0 2px;
462 | width: 11px;
463 | }
464 | #small_carousel .carousel-indicators > li.active {
465 | background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
466 | }
467 | #small_carousel .carousel-caption > h3 {
468 | text-align: left;
469 | }
470 | #small_carousel hr {
471 | border-color: rgba(255, 255, 255, 0.5);
472 | float: left;
473 | margin: 10px 0 15px;
474 | width: 240px;
475 | }
476 | .nutrition {
477 | margin: 0;
478 | }
479 | .nutrition > li {
480 | float: left;
481 | margin-bottom:20px;
482 | width:100%;
483 | }
484 | .nutrition a {
485 | color:#fff;
486 | }
487 | .nutrition a:hover,.nutrition a:focus {
488 | color:#ccc;
489 | }
490 | .nutrition .flaticon {
491 | display: inline-block;
492 | float: left;
493 | margin-right: 18px;
494 | }
495 | .nutrition .flaticon:before {
496 | font-size: 25px;
497 | margin:0;
498 | }
499 | .nutrition p {
500 | display: inline-block;
501 | margin: 0;
502 | font-size: 14px;
503 | float:left;
504 | }
505 | /* Info Button */
506 | .info_btn:before {
507 | border-bottom: 15px solid #d14149;
508 | border-left: 8px solid transparent;
509 | border-top: 15px solid #d14149;
510 | content: "";
511 | left: -8px;
512 | position: absolute;
513 | top: 0;
514 |
515 | transition: border .3s ease-in-out;
516 | -webkit-transition: border .3s ease-in-out;
517 | -o-transition: border .3s ease-in-out;
518 | -moz-transition: border .3s ease-in-out;
519 | }
520 | .info_btn {
521 | background: #d14149 none repeat scroll 0 0;
522 | color: #fff;
523 | display: inline-block;
524 | font-size: 12px;
525 | left: -3px;
526 | padding: 6px 20px;
527 | position: absolute;
528 | text-transform: uppercase;
529 | top: -3px;
530 | z-index: 1;
531 | text-shadow:none;
532 | }
533 | .info_btn:after {
534 | border-bottom: 15px solid #d14149;
535 | border-right: 8px solid transparent;
536 | border-top: 15px solid #d14149;
537 | content: "";
538 | position: absolute;
539 | right: -8px;
540 | top: 0;
541 |
542 | transition: border .3s ease-in-out;
543 | -webkit-transition: border .3s ease-in-out;
544 | -o-transition: border .3s ease-in-out;
545 | -moz-transition: border .3s ease-in-out;
546 | }
547 | .info_btn:hover,.info_btn:focus {
548 | background: #b83a41 none repeat scroll 0 0;
549 | color: #fff;
550 | }
551 | .info_btn:hover:before,.info_btn:focus:before {
552 | border-bottom: 15px solid #b83a41;
553 | border-top: 15px solid #b83a41;
554 | }
555 | .info_btn:hover:after,.info_btn:focus:after {
556 | border-bottom: 15px solid #b83a41;
557 | border-top: 15px solid #b83a41;
558 | }
559 | .info_btn_shadow:before {
560 | border-bottom: 15px solid rgba(0, 0, 0, 0.15);
561 | border-left: 8px solid transparent;
562 | border-top: 15px solid rgba(0, 0, 0, 0.15);
563 | content: "";
564 | left: -8px;
565 | position: absolute;
566 | top: 0;
567 | }
568 | .info_btn_shadow {
569 | background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
570 | float: left;
571 | height: 30px;
572 | margin-left: 10px;
573 | margin-top: 55px;
574 | position: relative;
575 | width: 154px;
576 | }
577 | .info_btn_shadow:after {
578 | border-bottom: 15px solid rgba(0, 0, 0, 0.15);
579 | border-right: 8px solid transparent;
580 | border-top: 15px solid rgba(0, 0, 0, 0.15);
581 | content: "";
582 | position: absolute;
583 | right: -8px;
584 | top: 0;
585 | }
586 |
587 | /* Third Secition */
588 | /* Carousel */
589 | #carousel {
590 | margin-top: 30px;
591 | }
592 | #carousel .carousel-inner > .item > a > img, #carousel .carousel-inner > .item > img{
593 | height: 600px;
594 | }
595 | #carousel .carousel-caption {
596 | background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
597 | bottom: 62px;
598 | left: 64px;
599 | padding: 18px 15px 35px 35px;
600 | top: 60px;
601 | width: 450px;
602 | }
603 | #carousel .carousel-caption > h2 {
604 | font-size: 55px;
605 | line-height: 70px;
606 | text-align:left;
607 | letter-spacing: 0.1px;
608 | }
609 | #carousel .carousel-caption > h3 {
610 | font-size: 39px;
611 | text-align:left;
612 | }
613 | #carousel .carousel-caption > p {
614 | font-size: 18px;
615 | line-height: 26px;
616 | margin-right: 40px;
617 | margin-top: 28px;
618 | text-align: left;
619 | }
620 | #carousel .carousel-caption > .info_btn_shadow {
621 | margin-top: 65px;
622 | margin-left:8px;
623 | }
624 | #carousel .carousel-indicators {
625 | bottom: 2px;
626 | }
627 | #carousel .carousel-indicators > li {
628 | width: 15px;
629 | height: 15px;
630 | background: rgba(255, 255, 255, 0.45);
631 | border: 0;
632 | margin: 0 8px;
633 | }
634 | #carousel .carousel-indicators > li.active {
635 | background: #d14149;
636 | }
637 |
638 |
639 | /* Forth Secition */
640 | .menu, .drinks, .sides {
641 | margin-top: 35px;
642 | height: 190px;
643 | padding: 75px 0 40px;
644 | }
645 | .menu{background: url(../images/menu_bg.jpg)no-repeat;background-size: 100% 100%;}
646 | .drinks{background: url(../images/drinks_bg.jpg)no-repeat;background-size: 100% 100%;}
647 | .sides{background: url(../images/sides_bg.jpg)no-repeat;background-size: 100% 100%;}
648 | .inner_content {
649 | display: block;
650 | margin: 0 auto;
651 | width: 220px;
652 | }
653 | .forth_sec .flaticon:before {
654 | font-size: 65px;
655 | }
656 | .forth_sec .flaticon {
657 | display: inline-block;
658 | margin-right: 20px;
659 | margin-top: 10px;
660 | float:left;
661 | }
662 | .forth_sec h2 {
663 | display: inline-block;
664 | }
665 | .inner_content .flaticon-burger,.inner_content .flaticon-food {
666 | margin-left: 15px;
667 | }
668 | /* Lock */
669 | #lock{
670 | background: url(../images/lock_bg.jpg)no-repeat;
671 | background-size: 100% 100%;
672 | margin-top: 40px;
673 | min-height: 185px;
674 | padding: 66px 40px 40px;
675 | text-align: center;
676 | font-size: 18px;
677 | font-weight:bold;
678 | }
679 | #lock > h2 {
680 | font-family: "Maitree",serif;
681 | font-weight: bold;
682 | line-height: 36px;
683 | }
684 |
685 | /* Map */
686 | #ourmaps{height:360px;}
687 | /*.tooltip_address {
688 | margin: 0;
689 | color: #000;
690 | line-height: 16px;
691 | }*/
692 |
693 | /* Footer */
694 | footer {
695 | background: #454646 none repeat scroll 0 0;
696 | padding-bottom: 42px;
697 | }
698 | footer h4 {
699 | font-family: 'Maitree', serif;
700 | margin-top: 20px;
701 | text-transform: capitalize;
702 | }
703 | /* Basic Info */
704 | .basic_info, .contact_us, .subscribe {
705 | margin-top: 38px;
706 | overflow: hidden;
707 | }
708 | .footer_logo {
709 | margin-left: 20px;
710 | width: 160px;
711 | }
712 | .social {
713 | margin-top: 25px;
714 | }
715 | .social > li {
716 | padding: 0 8px;
717 | }
718 | .social .fa {
719 | background: #4d5154;
720 | border-radius: 100%;
721 | color: #bec5cd;
722 | display: block;
723 | font-size: 20px;
724 | height: 45px;
725 | padding-top: 13px;
726 | text-align: center;
727 | width: 45px;
728 | }
729 | .social .fa:hover,.social .fa:focus {
730 | background: #616976;
731 | }
732 | .footer-copyright {
733 | margin: 35px 0 45px;
734 | font-size: 13px;
735 | color:#fff;
736 | }
737 | .footer-copyright a{
738 | font-weight: 700;
739 | font-size: 15px;
740 | color:#fff;
741 | padding:0px 5px;
742 | }
743 | /* Contact Us and Subscribe */
744 | .contact_us > a, .subscribe p {
745 | color: #85898d;
746 | display: block;
747 | line-height: 24px;
748 | margin: 16px 0;
749 | }
750 | .contact_us a:hover,.contact_us a:focus {
751 | text-decoration:underline;
752 | }
753 | address,.subscribe > p {
754 | color: #85898d;
755 | line-height: 24px;
756 | }
757 | .send_btn {
758 | padding: 10px 13px;
759 | padding: 10px 13px;
760 | background: #646667;
761 | color:#fff;
762 | }
763 | .subscribe > p {
764 | margin-bottom: 14px;
765 | width: 250px;
766 | }
767 | .form-control {
768 | background-color: #454646;
769 | border: 2px solid #646667;
770 | border-radius: 5px;
771 | box-shadow: none;
772 | color: #c8c8c8;
773 | height: 42px;
774 | }
775 | .form-control:focus {
776 | border: 2px solid #66afe9;
777 | box-shadow: none;
778 | outline: 0 none;
779 | }
780 | .form-control,.form-control::-moz-placeholder{
781 | color: #c8c8c8;
782 | }
783 | .form-control::-webkit-input-placeholder{
784 | color: #c8c8c8;
785 | }
786 | .form-control:-ms-input-placeholder{
787 | color: #c8c8c8;
788 | }
789 |
790 |
791 | /* scrollup */
792 |
793 | .scrollup{
794 | width: 30px;
795 | height: 30px;
796 | border-radius: 15px;
797 | opacity: .3;
798 | position: fixed;
799 | bottom: 20px;
800 | right: 25px;
801 | color: #fff;
802 | cursor: pointer;
803 | background-color: #000;
804 | z-index: 1000;
805 | transition: opacity .5s, background-color .5s;
806 | -moz-transition: opacity .5s, background-color .5s;
807 | -webkit-transition: opacity .5s, background-color .5s;
808 | }
809 |
810 | .scrollup:hover {
811 | background: maroon;
812 | opacity: 1;
813 | }
814 |
815 | .scrollup i {
816 | font-size: 13px;
817 | position: absolute;
818 | opacity: 1;
819 | color: #fff;
820 | left: 50%;
821 | top: 50%;
822 | margin-top: -7px;
823 | margin-left: -6px;
824 | text-decoration: none;
825 |
826 | }
827 |
828 |
829 |
830 | /* media query for other devices */
831 | @media (max-width: 1199px) {
832 | .attr-nav {
833 | margin-right: 0;
834 | }
835 |
836 | .inner_banner {
837 | margin-left: 100px;
838 | }
839 |
840 | .info_btn_shadow {
841 | margin-top: 45px;
842 | width: 144px;
843 | }
844 | .info_btn {
845 | padding: 6px 15px;
846 | }
847 |
848 | #lock > h2 {
849 | font-size: 34px;
850 | letter-spacing: 0;
851 | }
852 |
853 | }
854 |
855 | @media (max-width: 991px) {
856 | h2 {
857 | font-size: 30px;
858 | }
859 | .banner {
860 | margin-top: 80px;
861 | }
862 | .inner_banner {
863 | margin-left: 150px;
864 | margin-top: 50px;
865 | }
866 |
867 | .feature,.signature{
868 | height: 300px;
869 | }
870 | .shack_burger > h2 {
871 | margin-bottom: 15px;
872 | }
873 | .shack_burger > p {
874 | margin-left: 20px;
875 | }
876 |
877 | .shape {
878 | height: 106px;
879 | width: 106px;
880 | }
881 | .shape:after {
882 | border-bottom: 15px solid transparent;
883 | border-left: 53px solid #c72937;
884 | border-right: 53px solid #c72937;
885 | bottom: -15px;
886 | }
887 | .shape > p {
888 | font-size: 14px;
889 | }
890 | .signature_content {
891 | background: rgba(0, 0, 0, 0.5);
892 | font-size: 15px;
893 | margin: 45px 0 0;
894 | padding: 10px;
895 | width: 100%;
896 | }
897 |
898 | #carousel .carousel-inner > .item > a > img, #carousel .carousel-inner > .item > img{
899 | height: 500px;
900 | }
901 | #carousel .carousel-caption {
902 | bottom: 50px;
903 | left: 40px;
904 | top: 40px;
905 | width: 350px;
906 | }
907 | #carousel .carousel-caption > h2 {
908 | font-size: 40px;
909 | line-height: 55px;
910 | }
911 | #carousel .carousel-caption > h3 {
912 | font-size: 30px;
913 | }
914 | #carousel .carousel-caption > .info_btn_shadow {
915 | margin-top: 30px;
916 | }
917 | #carousel .carousel-caption > p {
918 | margin-right: 20px;
919 | }
920 |
921 | .inner_content {
922 | width: 200px;
923 | }
924 | .forth_sec .flaticon {
925 | margin-right: 15px;;
926 | }
927 |
928 | #lock > h2 {
929 | font-size: 26px;
930 | }
931 |
932 | address ,.subscribe > p {
933 | font-size: 14px;
934 | width: 100%;
935 | line-height: 20px;
936 | }
937 |
938 |
939 | }
940 |
941 | @media (max-width: 767px) {
942 | h1 {
943 | font-size: 50px;
944 | }
945 | .logo {
946 | width: 120px;
947 | }
948 | .banner {
949 | margin-top: 60px;
950 | }
951 | .banner > h3 {
952 | font-size: 26px;
953 | letter-spacing: 10px;
954 | }
955 | .inner_banner {
956 | margin: 30px 0 0;
957 | text-align: center;
958 | }
959 | .banner_content {
960 | display: inline-block;
961 | float: none;
962 | margin-right: 15px;
963 | padding: 0;
964 | text-align: left;
965 | width: 60%;
966 | }
967 | .stamp {
968 | display: inline-flex;
969 | float: none;
970 | height: 120px;
971 | width: 120px;
972 | }
973 |
974 | .feature {
975 | margin-top: 50px;
976 | }
977 | .classic .overlay {
978 | line-height: 16px;
979 | padding: 15px 15px 5px;
980 | }
981 | .classic .overlay p {
982 | margin-bottom: 10px;
983 | }
984 |
985 | .signature {
986 | margin-top: 25px;
987 | }
988 | .signature_content {
989 | width: 180px;
990 | }
991 |
992 | #carousel .carousel-inner > .item > a > img, #carousel .carousel-inner > .item > img{
993 | height: 400px;
994 | }
995 | #carousel .carousel-caption {
996 | left: 20px;
997 | top: 20px;
998 | width: 365px;
999 | padding: 10px 15px;
1000 | }
1001 | #carousel .carousel-caption > p {
1002 | margin-right: 0;
1003 | }
1004 | #carousel .carousel-caption > p,#carousel .carousel-caption > .info_btn_shadow {
1005 | margin-top: 20px;
1006 | }
1007 |
1008 | #lock {
1009 | padding: 50px 40px 40px;
1010 | line-height: 24px;
1011 | }
1012 |
1013 | }
1014 |
1015 | @media (max-width: 479px) {
1016 | h1 {
1017 | font-size: 40px;
1018 | }
1019 | h3 {
1020 | font-size: 20px;
1021 | }
1022 | .banner {
1023 | margin-top: 40px;
1024 | }
1025 | .banner > h3 {
1026 | font-size: 20px;
1027 | letter-spacing: 8px;
1028 | }
1029 | .banner_content {
1030 | width: 50%;
1031 | }
1032 | header .caption {
1033 | margin-left: 15px;
1034 | }
1035 |
1036 | .shack_burger {
1037 | background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
1038 | float: none;
1039 | margin: 0;
1040 | padding: 10px;
1041 | width: 100%;
1042 | }
1043 | .chicken {
1044 | margin: 0 auto;
1045 | }
1046 | .feature .caption {
1047 | left: auto;
1048 | right: 30px;
1049 | }
1050 |
1051 | .classic,#small_carousel .carousel-inner > .item > a > img, #small_carousel .carousel-inner > .item > img{
1052 | height: 300px;
1053 | }
1054 | #small_carousel .carousel-caption {
1055 | left: 20px;
1056 | right: 20px;
1057 | top: 20px;
1058 | }
1059 | #small_carousel hr {
1060 | width: 200px;
1061 | }
1062 | .info_btn_shadow {
1063 | margin-top: 20px;
1064 | }
1065 |
1066 | #carousel .carousel-inner > .item > a > img, #carousel .carousel-inner > .item > img{
1067 | height: 350px;
1068 | }
1069 | #carousel .carousel-caption {
1070 | width: 250px;
1071 | right: 20px;
1072 | }
1073 | #carousel .carousel-caption > h2 {
1074 | font-size: 30px;
1075 | line-height: 40px;
1076 | }
1077 | #carousel .carousel-caption > h3 {
1078 | font-size: 22px;
1079 | }
1080 | #carousel .carousel-caption > p {
1081 | font-size: 16px;
1082 | line-height: 20px;
1083 | margin: 15px 0 0;
1084 | }
1085 |
1086 | #lock > h2 {
1087 | font-size: 20px;
1088 | line-height: 30px;
1089 | }
1090 |
1091 | #map {
1092 | height: 300px;
1093 | }
1094 |
1095 | }
--------------------------------------------------------------------------------
/css/bootsnav.css:
--------------------------------------------------------------------------------
1 | /* ==============================================================
2 |
3 | Template name : Bootsnav - Multi Purpose Header
4 | Categorie : Bootstrap Menu in CSS
5 | Author : adamnurdin01
6 | Version : v.1.1
7 | Created : 2016-06-02
8 | Last update : 2016-06-11
9 |
10 | ============================================================== */
11 |
12 | /* MEGAMENU STYLE
13 | =================================*/
14 | nav.bootsnav .dropdown.megamenu-fw {
15 | position: static;
16 | }
17 |
18 | nav.bootsnav .container {
19 | position: relative;
20 | }
21 |
22 | nav.bootsnav .megamenu-fw .dropdown-menu {
23 | left: auto;
24 | }
25 |
26 | nav.bootsnav .megamenu-content {
27 | padding: 15px;
28 | width: 100% !important;
29 | }
30 |
31 | nav.bootsnav .megamenu-content .title{
32 | margin-top: 0;
33 | }
34 |
35 | nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
36 | left: 0;
37 | right: 0;
38 | }
39 |
40 | /* Navbar
41 | =================================*/
42 | nav.navbar.bootsnav{
43 | margin-bottom: 0;
44 | -moz-border-radius: 0px;
45 | -webkit-border-radius: 0px;
46 | -o-border-radius: 0px;
47 | border-radius: 0px;
48 | background-color: #fff;
49 | border: none;
50 | border-bottom: solid 1px #e0e0e0;
51 | z-index: 9;
52 | }
53 |
54 | nav.navbar.bootsnav ul.nav > li > a{
55 | color: #6f6f6f;
56 | background-color: transparent !important;
57 | }
58 |
59 | nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
60 | nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
61 | nav.navbar.bootsnav ul.nav li.active > a:hover,
62 | nav.navbar.bootsnav ul.nav li.active > a:focus,
63 | nav.navbar.bootsnav ul.nav li.active > a{
64 | background-color: transparent;
65 | }
66 |
67 | nav.navbar.bootsnav .navbar-toggle{
68 | background-color: #fff !important;
69 | border: none;
70 | padding: 0;
71 | font-size: 18px;
72 | position: relative;
73 | top: 5px;
74 | }
75 |
76 | nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
77 | top: 0;
78 | left: 100%;
79 | }
80 |
81 | nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{
82 | white-space:normal;
83 | }
84 |
85 |
86 | ul.menu-col{
87 | padding: 0;
88 | margin: 0;
89 | list-style: none;
90 | }
91 |
92 | ul.menu-col li a{
93 | color: #6f6f6f;
94 | }
95 |
96 | ul.menu-col li a:hover,
97 | ul.menu-col li a:focus{
98 | text-decoration: none;
99 | }
100 |
101 | /* Navbar Full
102 | =================================*/
103 | nav.bootsnav.navbar-full{
104 | padding-bottom: 10px;
105 | padding-top: 10px;
106 | }
107 |
108 | nav.bootsnav.navbar-full .navbar-header{
109 | display: block;
110 | width: 100%;
111 | }
112 |
113 | nav.bootsnav.navbar-full .navbar-toggle{
114 | display: inline-block;
115 | margin-right: 0;
116 | position: relative;
117 | top: 0;
118 | font-size: 30px;
119 | -webkit-transition: all 1s ease-in-out;
120 | -moz-transition: all 1s ease-in-out;
121 | -o-transition: all 1s ease-in-out;
122 | -ms-transition: all 1s ease-in-out;
123 | transition: all 1s ease-in-out;
124 | }
125 |
126 | nav.bootsnav.navbar-full .navbar-collapse{
127 | position: fixed;
128 | width: 100%;
129 | height: 100% !important;
130 | top: 0;
131 | left: 0;
132 | padding: 0;
133 | display: none !important;
134 | z-index: 9;
135 | }
136 |
137 | nav.bootsnav.navbar-full .navbar-collapse.in{
138 | display: block !important;
139 | }
140 |
141 | nav.bootsnav.navbar-full .navbar-collapse .nav-full{
142 | overflow: auto;
143 | }
144 |
145 | nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{
146 | display: table-cell;
147 | vertical-align: middle;
148 | background-color: #fff;
149 | overflow: auto;
150 | }
151 |
152 | nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
153 | width: 0;
154 | }
155 |
156 | nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
157 | width: 0;
158 | }
159 |
160 | nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
161 | width: 0;
162 | }
163 |
164 | nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
165 | width: 0;
166 | }
167 |
168 |
169 | nav.bootsnav.navbar-full .navbar-collapse ul.nav{
170 | display: block;
171 | width: 100%;
172 | overflow: auto;
173 | }
174 |
175 | nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover,
176 | nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
177 | nav.bootsnav.navbar-full .navbar-collapse ul.nav a{
178 | background-color: transparent;
179 | }
180 |
181 | nav.bootsnav.navbar-full .navbar-collapse ul.nav > li{
182 | float: none;
183 | display: block;
184 | text-align: center;
185 | }
186 |
187 | nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a{
188 | display: table;
189 | margin: auto;
190 | text-transform: uppercase;
191 | font-weight: bold;
192 | letter-spacing: 2px;
193 | font-size: 24px;
194 | padding: 10px 15px;
195 | }
196 |
197 | li.close-full-menu > a{
198 | padding-top: 0px !important;
199 | padding-bottom: 0px !important;
200 | }
201 |
202 | li.close-full-menu{
203 | padding-top: 30px !important;
204 | padding-bottom: 30px !important;
205 | }
206 |
207 | /* Atribute Navigation
208 | =================================*/
209 | .attr-nav{
210 | float: right;
211 | display: inline-block;
212 | margin-left: 13px;
213 | margin-right: -15px;
214 | }
215 |
216 | .attr-nav > ul{
217 | padding: 0;
218 | margin: 0 0 -7px 0;
219 | list-style: none;
220 | display: inline-block;
221 | }
222 |
223 | .attr-nav > ul > li{
224 | float: left;
225 | display: block;
226 | }
227 |
228 | .attr-nav > ul > li > a{
229 | color: #6f6f6f;
230 | display: block;
231 | padding: 28px 15px;
232 | position: relative;
233 | }
234 |
235 | .attr-nav > ul > li > a span.badge{
236 | position: absolute;
237 | top: 50%;
238 | margin-top: -15px;
239 | right: 5px;
240 | font-size: 10px;
241 | padding: 0;
242 | width: 15px;
243 | height: 15px;
244 | padding-top: 2px;
245 | }
246 |
247 | .attr-nav > ul > li.dropdown ul.dropdown-menu{
248 | -moz-border-radius: 0px;
249 | -webkit-border-radius: 0px;
250 | -o-border-radius: 0px;
251 | border-radius: 0px;
252 | -moz-box-shadow: 0px 0px 0px;
253 | -webkit-box-shadow: 0px 0px 0px;
254 | -o-box-shadow: 0px 0px 0px;
255 | box-shadow: 0px 0px 0px;
256 | border: solid 1px #e0e0e0;
257 | }
258 |
259 | ul.cart-list{
260 | padding: 0 !important;
261 | width: 250px !important;
262 | }
263 |
264 | ul.cart-list > li{
265 | position: relative;
266 | border-bottom: solid 1px #efefef;
267 | padding: 15px 15px 23px 15px !important;
268 | }
269 |
270 | ul.cart-list > li > a.photo{
271 | padding: 0 !important;
272 | margin-right: 15px;
273 | float: left;
274 | display: block;
275 | width: 50px;
276 | height: 50px;
277 | left: 15px;
278 | top: 15px;
279 | }
280 |
281 | ul.cart-list > li img{
282 | width: 50px;
283 | height: 50px;
284 | border: solid 1px #efefef;
285 | }
286 |
287 | ul.cart-list > li > h6{
288 | margin: 0;
289 | }
290 |
291 | ul.cart-list > li > h6 > a.photo{
292 | padding: 0 !important;
293 | display: block;
294 | }
295 |
296 | ul.cart-list > li > p{
297 | margin-bottom: 0;
298 | }
299 |
300 | ul.cart-list > li.total{
301 | background-color: #f5f5f5;
302 | padding-bottom: 15px !important;
303 | }
304 |
305 | ul.cart-list > li.total > .btn{
306 | display: inline-block;
307 | border-bottom: solid 1px #efefef !important;
308 | }
309 |
310 | ul.cart-list > li .price{
311 | font-weight: bold;
312 | }
313 |
314 | ul.cart-list > li.total > span{
315 | padding-top: 8px;
316 | }
317 |
318 | /* Top Search
319 | =================================*/
320 | .top-search{
321 | background-color: #333;
322 | padding: 10px 0;
323 | display: none;
324 | }
325 |
326 | .top-search input.form-control{
327 | background-color: transparent;
328 | border: none;
329 | -moz-box-shadow: 0px 0px 0px;
330 | -webkit-box-shadow: 0px 0px 0px;
331 | -o-box-shadow: 0px 0px 0px;
332 | box-shadow: 0px 0px 0px;
333 | color: #fff;
334 | height: 40px;
335 | padding: 0 15px;
336 | }
337 |
338 | .top-search .input-group-addon{
339 | background-color: transparent;
340 | border: none;
341 | color: #fff;
342 | padding-left: 0;
343 | padding-right: 0;
344 | }
345 |
346 | .top-search .input-group-addon.close-search{
347 | cursor: pointer;
348 | }
349 |
350 | /* Side Menu
351 | =================================*/
352 | body{
353 | -webkit-transition: all 0.3s ease-in-out;
354 | -moz-transition: all 0.3s ease-in-out;
355 | -o-transition: all 0.3s ease-in-out;
356 | -ms-transition: all 0.3s ease-in-out;
357 | transition: all 0.3s ease-in-out;
358 | }
359 |
360 | body.on-side{
361 | margin-left: -280px;
362 | }
363 |
364 | .side{
365 | position: fixed;
366 | overflow-y: auto;
367 | top: 0;
368 | right: -280px;
369 | width: 280px;
370 | padding: 25px 30px;
371 | height: 100%;
372 | display: block;
373 | background-color: #333;
374 | -webkit-transition: all 0.3s ease-in-out;
375 | -moz-transition: all 0.3s ease-in-out;
376 | -o-transition: all 0.3s ease-in-out;
377 | -ms-transition: all 0.3s ease-in-out;
378 | transition: all 0.3s ease-in-out;
379 | z-index: 9;
380 | }
381 |
382 | .side.on{
383 | right: 0;
384 | }
385 |
386 | .side .close-side{
387 | float: right;
388 | color: #fff;
389 | position: relative;
390 | z-index: 2;
391 | font-size: 16px;
392 | }
393 |
394 | .side .widget{
395 | position: relative;
396 | z-index: 1;
397 | margin-bottom: 25px;
398 | }
399 |
400 | .side .widget .title{
401 | color: #fff;
402 | margin-bottom: 15px;
403 | }
404 |
405 | .side .widget ul.link{
406 | padding: 0;
407 | margin: 0;
408 | list-style: none;
409 | }
410 |
411 | .side .widget ul.link li a{
412 | color: #9f9f9f;
413 | letter-spacing: 1px;
414 | }
415 |
416 | .side .widget ul.link li a:focus,
417 | .side .widget ul.link li a:hover{
418 | color: #fff;
419 | text-decoration: none;
420 | }
421 |
422 | /* Share
423 | =================================*/
424 | nav.navbar.bootsnav .share{
425 | padding: 0 30px;
426 | margin-bottom: 30px;
427 | }
428 |
429 | nav.navbar.bootsnav .share ul{
430 | display: inline-block;
431 | padding: 0;
432 | margin: 0 0 -7px 0;
433 | list-style: none;
434 | }
435 |
436 | nav.navbar.bootsnav .share ul > li{
437 | float: left;
438 | display: block;
439 | margin-right: 5px;
440 | }
441 |
442 | nav.navbar.bootsnav .share ul > li > a{
443 | display: table-cell;
444 | vertical-align: middle;
445 | text-align: center;
446 | width: 35px;
447 | height: 35px;
448 | -moz-border-radius: 50%;
449 | -webkit-border-radius: 50%;
450 | -o-border-radius: 50%;
451 | border-radius: 50%;
452 | background-color: #cfcfcf;
453 | color: #fff;
454 | }
455 |
456 | /* Transparent
457 | =================================*/
458 | nav.navbar.bootsnav.navbar-fixed{
459 | position: fixed;
460 | display: block;
461 | width: 100%;
462 | }
463 |
464 | nav.navbar.bootsnav.no-background{
465 | -webkit-transition: all 1s ease-in-out;
466 | -moz-transition: all 1s ease-in-out;
467 | -o-transition: all 1s ease-in-out;
468 | -ms-transition: all 1s ease-in-out;
469 | transition: all 1s ease-in-out;
470 | }
471 |
472 | /* Navbar Sticky
473 | =================================*/
474 | .wrap-sticky{
475 | position: relative;
476 | -webkit-transition: all 0.3s ease-in-out;
477 | -moz-transition: all 0.3s ease-in-out;
478 | -o-transition: all 0.3s ease-in-out;
479 | -ms-transition: all 0.3s ease-in-out;
480 | transition: all 0.3s ease-in-out;
481 | }
482 |
483 | .wrap-sticky nav.navbar.bootsnav{
484 | position: absolute;
485 | width: 100%;
486 | left: 0;
487 | top: 0;
488 | }
489 |
490 | .wrap-sticky nav.navbar.bootsnav.sticked{
491 | position: fixed;
492 | -webkit-transition: all 0.2s ease-in-out;
493 | -moz-transition: all 0.2s ease-in-out;
494 | -o-transition: all 0.2s ease-in-out;
495 | -ms-transition: all 0.2s ease-in-out;
496 | transition: all 0.2s ease-in-out;
497 | }
498 |
499 | body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{
500 | left: -280px;
501 | }
502 |
503 | /* Navbar Responsive
504 | =================================*/
505 | @media (min-width: 1024px) and (max-width:1400px) {
506 | body.wrap-nav-sidebar .wrapper .container{
507 | width: 100%;
508 | padding-left: 30px;
509 | padding-right: 30px;
510 | }
511 | }
512 |
513 | @media (min-width: 1024px) {
514 | /* General Navbar
515 | =================================*/
516 | nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
517 | margin-top: -2px;
518 | }
519 |
520 | nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{
521 | left: -200px;
522 | }
523 |
524 | nav.navbar.bootsnav ul.nav > li > a{
525 | padding: 30px 15px;
526 | font-weight: 600;
527 | }
528 |
529 | nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
530 | font-family: 'FontAwesome';
531 | content: "\f0d7";
532 | margin-left: 5px;
533 | margin-top: 2px;
534 | }
535 |
536 | nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
537 | -moz-box-shadow: 0px 0px 0px;
538 | -webkit-box-shadow: 0px 0px 0px;
539 | -o-box-shadow: 0px 0px 0px;
540 | box-shadow: 0px 0px 0px;
541 | -moz-border-radius: 0px;
542 | -webkit-border-radius: 0px;
543 | -o-border-radius: 0px;
544 | border-radius: 0px;
545 | padding: 0;
546 | width: 200px;
547 | background: #fff;
548 | border: solid 1px #e0e0e0;
549 | border-top: solid 5px;
550 | }
551 |
552 | nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
553 | nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
554 | background-color: transparent;
555 | }
556 |
557 | nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
558 | padding: 10px 15px;
559 | border-bottom: solid 1px #eee;
560 | color: #6f6f6f;
561 | }
562 |
563 | nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{
564 | border-bottom: none;
565 | }
566 |
567 | nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{
568 | text-align: right;
569 | }
570 |
571 | nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
572 | font-family: 'FontAwesome';
573 | float: right;
574 | content: "\f105";
575 | margin-top: 0;
576 | }
577 |
578 | nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
579 | font-family: 'FontAwesome';
580 | float: left;
581 | content: "\f104";
582 | margin-top: 0;
583 | }
584 |
585 | nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{
586 | top: -3px;
587 | }
588 |
589 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{
590 | padding: 0 15px !important;
591 | }
592 |
593 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{
594 | padding: 25px 0 20px;
595 | }
596 |
597 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed{
598 | padding: 0;
599 | }
600 |
601 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li{
602 | padding: 0;
603 | }
604 |
605 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{
606 | padding: 0 30px;
607 | margin: 0 -0.5px;
608 | border-left: solid 1px #f0f0f0;
609 | border-right: solid 1px #f0f0f0;
610 | }
611 |
612 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{
613 | border-left: none;
614 | }
615 |
616 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{
617 | border-right: none;
618 | }
619 |
620 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{
621 | display: none;
622 | }
623 |
624 | nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
625 | text-align: left;
626 | padding: 5px 0;
627 | display: block;
628 | width: 100%;
629 | margin-bottom: 0;
630 | border-bottom: none;
631 | color: #6f6f6f;
632 | }
633 |
634 | nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{
635 | display: block !important;
636 | height: auto !important;
637 | }
638 |
639 | /* Navbar Transparent
640 | =================================*/
641 | nav.navbar.bootsnav.no-background{
642 | background-color: transparent;
643 | border: none;
644 | }
645 |
646 | nav.navbar.bootsnav.navbar-transparent .attr-nav{
647 | padding-left: 15px;
648 | margin-left: 30px;
649 | }
650 |
651 | nav.navbar.bootsnav.navbar-transparent.white{
652 | background-color: rgba(255,255,255,0.3);
653 | border-bottom: solid 1px #bbb;
654 | }
655 |
656 | nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
657 | nav.navbar.bootsnav.navbar-transparent.dark{
658 | background-color: rgba(0,0,0,0.3);
659 | border-bottom: solid 1px #555;
660 | }
661 |
662 | nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
663 | border-left: solid 1px #bbb;
664 | }
665 |
666 | nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
667 | nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
668 | border-left: solid 1px #555;
669 | }
670 |
671 | nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
672 | nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
673 | nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
674 | nav.navbar.bootsnav.no-background.white ul.nav > li > a{
675 | color: #fff;
676 | }
677 |
678 | nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
679 | nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
680 | color: #eee;
681 | }
682 |
683 | nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
684 | nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled{
685 | display: none;
686 | }
687 |
688 | nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
689 | nav.navbar.bootsnav.navbar-fixed.no-background .logo-display{
690 | display: block;
691 | }
692 |
693 | nav.navbar.bootsnav.navbar-fixed .logo-display{
694 | display: none;
695 | }
696 |
697 | nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
698 | display: block;
699 | }
700 |
701 | /* Atribute Navigation
702 | =================================*/
703 | .attr-nav > ul > li.dropdown ul.dropdown-menu{
704 | margin-top: 0;
705 | margin-left: 55px;
706 | width: 250px;
707 | left: -250px;
708 | }
709 |
710 | /* Menu Center
711 | =================================*/
712 | nav.navbar.bootsnav.menu-center .container{
713 | position: relative;
714 | }
715 |
716 | nav.navbar.bootsnav.menu-center ul.nav.navbar-center{
717 | float:none;
718 | margin: 0 auto;
719 | display: table;
720 | table-layout: fixed;
721 | }
722 |
723 | nav.navbar.bootsnav.menu-center .navbar-header,
724 | nav.navbar.bootsnav.menu-center .attr-nav{
725 | position: absolute;
726 | }
727 |
728 | nav.navbar.bootsnav.menu-center .attr-nav{
729 | right: 15px;
730 | }
731 |
732 | /* Navbar Brand top
733 | =================================*/
734 | nav.bootsnav.navbar-brand-top .navbar-header{
735 | display: block;
736 | width: 100%;
737 | text-align: center;
738 | }
739 |
740 | nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{
741 | margin-top: 2px;
742 | }
743 |
744 | nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
745 | margin-top: 0;
746 | }
747 |
748 | nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{
749 | display: inline-block;
750 | float: none;
751 | margin: 0;
752 | }
753 |
754 | nav.bootsnav.navbar-brand-top .navbar-collapse{
755 | text-align: center;
756 | }
757 |
758 | nav.bootsnav.navbar-brand-top ul.nav{
759 | display: inline-block;
760 | float: none;
761 | margin: 0 0 -5px 0;
762 | }
763 |
764 | /* Navbar Center
765 | =================================*/
766 | nav.bootsnav.brand-center .navbar-header{
767 | display: block;
768 | width: 100%;
769 | position: absolute;
770 | text-align: center;
771 | top: 0;
772 | left: 0;
773 | }
774 |
775 | nav.bootsnav.brand-center .navbar-brand{
776 | display: inline-block;
777 | float: none;
778 | }
779 |
780 | nav.bootsnav.brand-center .navbar-collapse{
781 | text-align: center;
782 | display: inline-block;
783 | padding-left: 0;
784 | padding-right: 0;
785 | }
786 |
787 | nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{
788 | margin-top: 2px;
789 | }
790 |
791 | nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
792 | margin-top: 0;
793 | }
794 |
795 | nav.bootsnav.brand-center .navbar-collapse .col-half{
796 | width: 50%;
797 | float: left;
798 | display: block;
799 | }
800 |
801 | nav.bootsnav.brand-center .navbar-collapse .col-half.left{
802 | text-align: right;
803 | padding-right: 100px;
804 | }
805 |
806 | nav.bootsnav.brand-center .navbar-collapse .col-half.right{
807 | text-align: left;
808 | padding-left: 100px;
809 | }
810 |
811 | nav.bootsnav.brand-center ul.nav{
812 | float: none !important;
813 | margin-bottom: -5px !important;
814 | display: inline-block !important;
815 | }
816 |
817 | nav.bootsnav.brand-center ul.nav.navbar-right{
818 | margin: 0;
819 | }
820 |
821 | nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left{
822 | text-align: left;
823 | padding-right: 100px;
824 | }
825 |
826 | nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right{
827 | text-align: right;
828 | padding-left: 100px;
829 | }
830 |
831 | /* Navbar Sidebar
832 | =================================*/
833 | body.wrap-nav-sidebar .wrapper{
834 | padding-left: 260px;
835 | overflow-x: hidden;
836 | }
837 |
838 | nav.bootsnav.navbar-sidebar{
839 | position: fixed;
840 | width: 260px;
841 | overflow: hidden;
842 | left: 0;
843 | padding: 0 0 0 0 !important;
844 | background: #fff;
845 | -moz-box-shadow: 1px 0px 1px 0px #eee;
846 | -webkit-box-shadow: 1px 0px 1px 0px #eee;
847 | -o-box-shadow: 1px 0px 1px 0px #eee;
848 | box-shadow: 1px 0px 1px 0px #eee;
849 | }
850 |
851 | nav.bootsnav.navbar-sidebar .scroller{
852 | width: 280px;
853 | overflow-y:auto;
854 | overflow-x: hidden;
855 | }
856 |
857 | nav.bootsnav.navbar-sidebar .container-fluid,
858 | nav.bootsnav.navbar-sidebar .container{
859 | padding: 0 !important;
860 | }
861 |
862 | nav.bootsnav.navbar-sidebar .navbar-header{
863 | float: none;
864 | display: block;
865 | width: 260px;
866 | padding: 10px 15px;
867 | margin: 10px 0 0 0 !important;
868 | }
869 |
870 | nav.bootsnav.navbar-sidebar .navbar-collapse{
871 | padding: 0 !important;
872 | width: 260px;
873 | }
874 |
875 | nav.bootsnav.navbar-sidebar ul.nav{
876 | float: none;
877 | display: block;
878 | width: 100%;
879 | padding: 0 15px !important;
880 | margin: 0 0 30px 0;
881 | }
882 |
883 | nav.bootsnav.navbar-sidebar ul.nav li{
884 | float: none !important;
885 | }
886 |
887 | nav.bootsnav.navbar-sidebar ul.nav > li > a{
888 | padding: 10px 15px;
889 | font-weight: bold;
890 | }
891 |
892 | nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{
893 | float: right;
894 | }
895 |
896 | nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
897 | left: 100%;
898 | top: 0;
899 | position: relative !important;
900 | left: 0 !important;
901 | width: 100% !important;
902 | height: auto !important;
903 | background-color: transparent;
904 | border: none !important;
905 | padding: 0;
906 | -moz-box-shadow: 0px 0px 0px;
907 | -webkit-box-shadow: 0px 0px 0px;
908 | -o-box-shadow: 0px 0px 0px;
909 | box-shadow: 0px 0px 0px;
910 | }
911 |
912 | nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{
913 | border: none !important;
914 | }
915 |
916 | nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{
917 | margin-bottom: 15px;
918 | }
919 |
920 | nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
921 | padding-left: 0;
922 | float: none;
923 | margin-bottom: 0;
924 | }
925 |
926 | nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{
927 | padding: 5px 15px;
928 | color: #6f6f6f;
929 | border: none;
930 | }
931 |
932 | nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{
933 | padding-left: 15px;
934 | margin-top: 0;
935 | }
936 |
937 | nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{
938 | font-family: 'FontAwesome';
939 | content: "\f105";
940 | float: right;
941 | }
942 |
943 | nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{
944 | content: "\f107";
945 | }
946 |
947 | nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{
948 | padding: 0 !important;
949 | }
950 |
951 | nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
952 | display: block;
953 | float: none !important;
954 | padding: 0;
955 | margin: 0;
956 | width: 100%;
957 | }
958 |
959 | nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{
960 | padding: 7px 0;
961 | text-transform: none;
962 | font-weight: 400;
963 | letter-spacing: 0px;
964 | margin-bottom: 0;
965 | cursor: pointer;
966 | color: #6f6f6f;
967 | }
968 |
969 | nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{
970 | font-family: 'FontAwesome';
971 | content: "\f105";
972 | float: right;
973 | }
974 |
975 | nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{
976 | content: "\f107";
977 | }
978 |
979 | nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
980 | border: none;
981 | }
982 |
983 | nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{
984 | padding: 0 0 0 15px;
985 | }
986 |
987 | nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{
988 | padding: 3px 0 !important;
989 | }
990 | }
991 |
992 | @media (max-width: 992px) {
993 | /* Navbar Responsive
994 | =================================*/
995 | nav.navbar.bootsnav .navbar-brand {
996 | display: inline-block;
997 | float: none !important;
998 | margin: 0 !important;
999 | }
1000 |
1001 | nav.navbar.bootsnav .navbar-header {
1002 | float: none;
1003 | display: block;
1004 | text-align: center;
1005 | padding-left: 30px;
1006 | padding-right: 30px;
1007 | }
1008 |
1009 | nav.navbar.bootsnav .navbar-toggle {
1010 | display: inline-block;
1011 | float: left;
1012 | margin-right: -200px;
1013 | margin-top: 10px;
1014 | }
1015 |
1016 | nav.navbar.bootsnav .navbar-collapse {
1017 | border: none;
1018 | margin-bottom: 0;
1019 | }
1020 |
1021 | nav.navbar.bootsnav.no-full .navbar-collapse{
1022 | max-height: 350px;
1023 | overflow-y: auto !important;
1024 | }
1025 |
1026 | nav.navbar.bootsnav .navbar-collapse.collapse {
1027 | display: none !important;
1028 | }
1029 |
1030 | nav.navbar.bootsnav .navbar-collapse.collapse.in {
1031 | display: block !important;
1032 | }
1033 |
1034 | nav.navbar.bootsnav .navbar-nav {
1035 | float: none !important;
1036 | padding-left: 30px;
1037 | padding-right: 30px;
1038 | margin: 0px -15px;
1039 | }
1040 |
1041 | nav.navbar.bootsnav .navbar-nav > li {
1042 | float: none;
1043 | }
1044 |
1045 | nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{
1046 | font-family: 'FontAwesome';
1047 | content: "\f105";
1048 | float: right;
1049 | font-size: 16px;
1050 | margin-left: 10px;
1051 | }
1052 |
1053 | nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before{
1054 | content: "\f107";
1055 | }
1056 |
1057 | nav.navbar.bootsnav .navbar-nav > li > a{
1058 | display: block;
1059 | width: 100%;
1060 | border-bottom: solid 1px #e0e0e0;
1061 | padding: 10px 0;
1062 | border-top: solid 1px #e0e0e0;
1063 | margin-bottom: -1px;
1064 | }
1065 |
1066 | nav.navbar.bootsnav .navbar-nav > li:first-child > a{
1067 | border-top: none;
1068 | }
1069 |
1070 | nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{
1071 | border-bottom: solid 1px #e0e0e0;
1072 | }
1073 |
1074 | nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{
1075 | float: none !important;
1076 | position: relative;
1077 | display: block;
1078 | width: 100%;
1079 | }
1080 |
1081 | nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{
1082 | width: 100%;
1083 | position: relative !important;
1084 | background-color: transparent;
1085 | float: none;
1086 | border: none;
1087 | padding: 0 0 0 15px !important;
1088 | margin: 0 0 -1px 0 !important;
1089 | -moz-box-shadow: 0px 0px 0px;
1090 | -webkit-box-shadow: 0px 0px 0px;
1091 | -o-box-shadow: 0px 0px 0px;
1092 | box-shadow: 0px 0px 0px;
1093 | -moz-border-radius: 0px 0px 0px;
1094 | -webkit-border-radius: 0px 0px 0px;
1095 | -o-border-radius: 0px 0px 0px;
1096 | border-radius: 0px 0px 0px;
1097 | }
1098 |
1099 | nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{
1100 | display: block;
1101 | width: 100%;
1102 | border-bottom: solid 1px #e0e0e0;
1103 | padding: 10px 0;
1104 | color: #6f6f6f;
1105 | }
1106 |
1107 | nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
1108 | nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{
1109 | background-color: transparent;
1110 | }
1111 |
1112 | nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{
1113 | float: none !important;
1114 | left: 0;
1115 | padding: 0 0 0 15px;
1116 | position: relative;
1117 | background: transparent;
1118 | width: 100%;
1119 | }
1120 |
1121 | nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{
1122 | display: inline-block;
1123 | margin-top: -10px;
1124 | }
1125 |
1126 | nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{
1127 | display: none;
1128 | }
1129 |
1130 | nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{
1131 | padding: 10px 15px 10px 0;
1132 | line-height: 24px;
1133 | text-transform: none;
1134 | font-weight: 400;
1135 | letter-spacing: 0px;
1136 | margin-bottom: 0;
1137 | cursor: pointer;
1138 | border-bottom: solid 1px #e0e0e0;
1139 | color: #6f6f6f;
1140 | }
1141 |
1142 | nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a{
1143 | display: block;
1144 | width: 100%;
1145 | border-bottom: solid 1px #e0e0e0;
1146 | padding: 8px 0;
1147 | }
1148 |
1149 | nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before{
1150 | font-family: 'FontAwesome';
1151 | content: "\f105";
1152 | float: right;
1153 | font-size: 16px;
1154 | margin-left: 10px;
1155 | position: relative;
1156 | right: -15px;
1157 | }
1158 |
1159 | nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{
1160 | border-bottom: none;
1161 | }
1162 |
1163 | nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{
1164 | border-bottom: solid 1px #e0e0e0;
1165 | }
1166 |
1167 | nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{
1168 | border-bottom: none;
1169 | }
1170 |
1171 | nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{
1172 | content: "\f107";
1173 | }
1174 |
1175 | nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{
1176 | padding: 0 0 0 15px;
1177 | }
1178 |
1179 | nav.bootsnav.brand-center .navbar-collapse{
1180 | display: block;
1181 | }
1182 |
1183 | nav.bootsnav.brand-center ul.nav{
1184 | margin-bottom: 0px !important;
1185 | }
1186 |
1187 | nav.bootsnav.brand-center .navbar-collapse .col-half{
1188 | width: 100%;
1189 | float: none;
1190 | display: block;
1191 | }
1192 |
1193 | nav.bootsnav.brand-center .navbar-collapse .col-half.left{
1194 | margin-bottom: 0;
1195 | }
1196 |
1197 | nav.bootsnav .megamenu-content{
1198 | padding: 0;
1199 | }
1200 |
1201 | nav.bootsnav .megamenu-content .col-menu{
1202 | padding-bottom: 0;
1203 | }
1204 |
1205 | nav.bootsnav .megamenu-content .title{
1206 | cursor: pointer;
1207 | display: block;
1208 | padding: 10px 15px;
1209 | margin-bottom: 0;
1210 | font-weight: normal;
1211 | }
1212 |
1213 | nav.bootsnav .megamenu-content .content{
1214 | display: none;
1215 | }
1216 |
1217 | .attr-nav{
1218 | position: absolute;
1219 | right: 60px;
1220 | }
1221 |
1222 | .attr-nav > ul{
1223 | padding: 0;
1224 | margin: 0 -15px -7px 0;
1225 | }
1226 |
1227 | .attr-nav > ul > li > a{
1228 | padding: 16px 15px 15px;
1229 | }
1230 |
1231 | .attr-nav > ul > li.dropdown > a.dropdown-toggle:before{
1232 | display: none;
1233 | }
1234 |
1235 | .attr-nav > ul > li.dropdown ul.dropdown-menu{
1236 | margin-top: 2px;
1237 | margin-left: 55px;
1238 | width: 250px;
1239 | left: -250px;
1240 | border-top: solid 5px;
1241 | }
1242 |
1243 | .top-search .container{
1244 | padding: 0 45px;
1245 | }
1246 |
1247 | /* Navbar full Responsive
1248 | =================================*/
1249 | nav.bootsnav.navbar-full ul.nav{
1250 | margin-left: 0;
1251 | }
1252 |
1253 | nav.bootsnav.navbar-full ul.nav > li > a{
1254 | border: none;
1255 | }
1256 |
1257 | nav.bootsnav.navbar-full .navbar-brand {
1258 | float: left !important;
1259 | padding-left: 0;
1260 | }
1261 |
1262 | nav.bootsnav.navbar-full .navbar-toggle {
1263 | display: inline-block;
1264 | float: right;
1265 | margin-right: 0;
1266 | margin-top: 10px;
1267 | }
1268 |
1269 | nav.bootsnav.navbar-full .navbar-header {
1270 | padding-left: 15px;
1271 | padding-right: 15px;
1272 | }
1273 |
1274 | /* Navbar Sidebar
1275 | =================================*/
1276 | nav.navbar.bootsnav.navbar-sidebar .share{
1277 | padding: 30px 15px;
1278 | margin-bottom: 0;
1279 | }
1280 |
1281 | /* Tabs
1282 | =================================*/
1283 | nav.navbar.bootsnav .megamenu-content.tabbed{
1284 | padding-left: 0 !important;
1285 | }
1286 |
1287 | nav.navbar.bootsnav .tabbed > li{
1288 | padding: 25px 0;
1289 | margin-left: -15px !important;
1290 | }
1291 |
1292 | /* Mobile Navigation
1293 | =================================*/
1294 | body > .wrapper{
1295 | -webkit-transition: all 0.3s ease-in-out;
1296 | -moz-transition: all 0.3s ease-in-out;
1297 | -o-transition: all 0.3s ease-in-out;
1298 | -ms-transition: all 0.3s ease-in-out;
1299 | transition: all 0.3s ease-in-out;
1300 | }
1301 |
1302 | body.side-right > .wrapper{
1303 | margin-left: 280px;
1304 | margin-right: -280px !important;
1305 | }
1306 |
1307 | nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
1308 | position: fixed;
1309 | overflow-y: auto !important;
1310 | overflow-x: hidden !important;
1311 | display: block;
1312 | background: #fff;
1313 | z-index: 99;
1314 | width: 280px;
1315 | height: 100% !important;
1316 | left: -280px;
1317 | top: 0;
1318 | padding: 0;
1319 | -webkit-transition: all 0.3s ease-in-out;
1320 | -moz-transition: all 0.3s ease-in-out;
1321 | -o-transition: all 0.3s ease-in-out;
1322 | -ms-transition: all 0.3s ease-in-out;
1323 | transition: all 0.3s ease-in-out;
1324 | }
1325 |
1326 | nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{
1327 | left: 0;
1328 | }
1329 |
1330 | nav.navbar.bootsnav.navbar-mobile ul.nav{
1331 | width: 293px;
1332 | padding-right: 0;
1333 | padding-left: 15px;
1334 | }
1335 |
1336 | nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
1337 | padding: 15px 15px;
1338 | }
1339 |
1340 | nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{
1341 | padding-right: 15px !important;
1342 | padding-top: 15px !important;
1343 | padding-bottom: 15px !important;
1344 | }
1345 |
1346 | nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
1347 | padding-right: 30px !important;
1348 | padding-top: 13px !important;
1349 | padding-bottom: 13px !important;
1350 | }
1351 |
1352 | nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
1353 | padding-top: 13px !important;
1354 | padding-bottom: 13px !important;
1355 | }
1356 |
1357 | nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
1358 | width: 100%;
1359 | }
1360 |
1361 | nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
1362 | display: block !important;
1363 | }
1364 |
1365 | nav.navbar.bootsnav.navbar-fixed .logo-display{
1366 | display: none !important;
1367 | }
1368 |
1369 | nav.navbar.bootsnav.navbar-mobile .tab-menu,
1370 | nav.navbar.bootsnav.navbar-mobile .tab-content{
1371 | width: 100%;
1372 | display: block;
1373 | }
1374 | }
1375 |
1376 | @media (max-width: 767px) {
1377 | nav.navbar.bootsnav .navbar-header {
1378 | padding-left: 15px;
1379 | padding-right: 15px;
1380 | }
1381 |
1382 | nav.navbar.bootsnav .navbar-nav {
1383 | padding-left: 15px;
1384 | padding-right: 15px;
1385 | }
1386 |
1387 | .attr-nav{
1388 | right: 30px;
1389 | }
1390 |
1391 | .attr-nav > ul{
1392 | margin-right: -10px;
1393 | }
1394 |
1395 | .attr-nav > ul > li > a{
1396 | padding: 16px 10px 15px;
1397 | padding-left: 0 !important;
1398 | }
1399 |
1400 | .attr-nav > ul > li.dropdown ul.dropdown-menu{
1401 | left: -275px;
1402 | }
1403 |
1404 | .top-search .container{
1405 | padding: 0 15px;
1406 | }
1407 |
1408 | nav.bootsnav.navbar-full .navbar-collapse{
1409 | left: 15px;
1410 | }
1411 |
1412 | nav.bootsnav.navbar-full .navbar-header{
1413 | padding-right: 0;
1414 | }
1415 |
1416 | nav.bootsnav.navbar-full .navbar-toggle {
1417 | margin-right: -15px;
1418 | }
1419 |
1420 | nav.bootsnav.navbar-full ul.nav > li > a{
1421 | font-size: 18px !important;
1422 | line-height: 24px !important;
1423 | padding: 5px 10px !important;
1424 | }
1425 |
1426 | /* Navbar Sidebar
1427 | =================================*/
1428 | nav.navbar.bootsnav.navbar-sidebar .share{
1429 | padding: 30px 15px !important;
1430 | }
1431 |
1432 | /* Navbar Sidebar
1433 | =================================*/
1434 | nav.navbar.bootsnav.navbar-sidebar .share{
1435 | padding: 30px 0 !important;
1436 | margin-bottom: 0;
1437 | }
1438 |
1439 | nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share{
1440 | padding: 30px 15px !important;
1441 | margin-bottom: 0;
1442 | }
1443 |
1444 | /* Mobile Navigation
1445 | =================================*/
1446 | body.side-right > .wrapper{
1447 | margin-left: 280px;
1448 | margin-right: -280px !important;
1449 | }
1450 |
1451 | nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
1452 | margin-left: 0;
1453 | }
1454 |
1455 | nav.navbar.bootsnav.navbar-mobile ul.nav{
1456 | margin-left: -15px;
1457 | }
1458 |
1459 | nav.navbar.bootsnav.navbar-mobile ul.nav{
1460 | border-top: solid 1px #fff;
1461 | }
1462 |
1463 | li.close-full-menu{
1464 | padding-top: 15px !important;
1465 | padding-bottom: 15px !important;
1466 | }
1467 | }
1468 |
1469 | @media (min-width: 480px) and (max-width: 640px) {
1470 | nav.bootsnav.navbar-full ul.nav{
1471 | padding-top: 30px;
1472 | padding-bottom: 30px;
1473 | }
1474 | }
--------------------------------------------------------------------------------
/fonts/Flaticon.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 | Created by FontForge 20120731 at Thu Jul 28 22:45:09 2016
9 | By Apache
10 | Created by Apache with FontForge 2.0 (http://fontforge.sf.net)
11 |
12 |
13 |
14 |
27 |
28 |
30 |
51 |
60 |
79 |
108 |
120 |
132 |
146 |
160 |
167 |
176 |
214 |
234 |
243 |
261 |
286 |
287 |
288 |
--------------------------------------------------------------------------------