├── 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 = ""; 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 | 46 | 47 |
48 |
49 |

Iheb Restaurant

50 |
51 |
52 | 53 |
54 |

Ce formulaire permet de commander une table dans notre restaurant, ensuite vous pouvez 55 | commande vos plats. Il faudra aussi indiquer vos coordonnées et dans le cas de plusieurs personne, 56 | indiquer le nom de chacun d'entre eux.

57 |
58 |

Table pour combien de personnes ?

59 | 66 |

67 |
68 |
69 |
70 | A quelle date vous allez venir ? 71 | 72 |
73 | 74 |
75 | 76 | 77 |

Vos coordonées

78 | Civilité : 79 | 80 | Madamme 81 | 82 | Mademoiselle 83 | 84 | Monsieur 85 |

86 | 87 | 89 |
90 | 91 | 92 |
93 | 94 |
Liste des accompagnateurs (une personne par ligne): 95 |

96 | 97 |
98 |
99 |
100 | 101 | 102 |
103 | 104 | 105 |
106 |

Que voulez-vous manger ?

107 | 108 | 109 | 110 |
111 | 112 | 113 |
114 | 115 | 116 |
117 | 118 | 119 |
120 | 121 | 122 |
123 | 124 | 125 |
126 | 127 |
128 | 129 |
130 | 132 |
133 |
134 | 135 |
136 |

 

137 | 138 |
139 | 140 | 141 | 142 | 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 | --------------------------------------------------------------------------------