Initial commit

Connext.php

+<?php
+$dbcon = mysql_connext('localhost','root','123456','regit');
+
+if(mysql_connext_error()){
+    echo"เข้าไม่ได้". mysql_connext_error();
+
+}
+mysql_set_charset($dbcon, 'utf8');
\ No newline at end of file

README.txt

+
+TITLE: 
+Glow - 100% Fully Responsive Free HTML5 Bootstrap Template
+
+AUTHOR:
+DESIGNED & DEVELOPED by FREEHTML5.co
+
+Website: http://freehtml5.co/
+Twitter: http://twitter.com/fh5co
+Facebook: http://facebook.com/fh5co
+
+
+CREDITS:
+
+Bootstrap
+http://getbootstrap.com/
+
+jQuery
+http://jquery.com/
+
+jQuery Easing
+http://gsgd.co.uk/sandbox/jquery/easing/
+
+Modernizr
+http://modernizr.com/
+
+Google Fonts
+https://www.google.com/fonts/
+
+Google Map
+https://maps.google.com/
+
+Icomoon
+https://icomoon.io/app/
+
+Respond JS
+https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT
+
+animate.css
+http://daneden.me/animate
+
+jQuery Waypoint
+https://github.com/imakewebthings/waypoints/blog/master/licenses.txt
+
+Superfish Menu
+http://users.tpg.com.au/j_birch/plugins/superfish/examples/
+
+hoverIntent
+https://github.com/briancherne/jquery-hoverIntent
+
+Stellar Parallax
+http://markdalgleish.com/projects/stellar.js/
+

css/icomoon.css

+@font-face {
+    font-family: 'icomoon';
+    src:    url('fonts/icomoon.eot?1oniuf');
+    src:    url('fonts/icomoon.eot?1oniuf#iefix') format('embedded-opentype'),
+        url('fonts/icomoon.ttf?1oniuf') format('truetype'),
+        url('fonts/icomoon.woff?1oniuf') format('woff'),
+        url('fonts/icomoon.svg?1oniuf#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'icomoon' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-mobile:before {
+    content: "\e000";
+}
+.icon-laptop:before {
+    content: "\e001";
+}
+.icon-desktop:before {
+    content: "\e002";
+}
+.icon-tablet:before {
+    content: "\e003";
+}
+.icon-phone:before {
+    content: "\e004";
+}
+.icon-document:before {
+    content: "\e005";
+}
+.icon-documents:before {
+    content: "\e006";
+}
+.icon-search:before {
+    content: "\e007";
+}
+.icon-clipboard:before {
+    content: "\e008";
+}
+.icon-newspaper:before {
+    content: "\e009";
+}
+.icon-notebook:before {
+    content: "\e00a";
+}
+.icon-book-open:before {
+    content: "\e00b";
+}
+.icon-browser:before {
+    content: "\e00c";
+}
+.icon-calendar:before {
+    content: "\e00d";
+}
+.icon-presentation:before {
+    content: "\e00e";
+}
+.icon-picture:before {
+    content: "\e00f";
+}
+.icon-pictures:before {
+    content: "\e010";
+}
+.icon-video:before {
+    content: "\e011";
+}
+.icon-camera:before {
+    content: "\e012";
+}
+.icon-printer:before {
+    content: "\e013";
+}
+.icon-toolbox:before {
+    content: "\e014";
+}
+.icon-briefcase:before {
+    content: "\e015";
+}
+.icon-wallet:before {
+    content: "\e016";
+}
+.icon-gift:before {
+    content: "\e017";
+}
+.icon-bargraph:before {
+    content: "\e018";
+}
+.icon-grid:before {
+    content: "\e019";
+}
+.icon-expand:before {
+    content: "\e01a";
+}
+.icon-focus:before {
+    content: "\e01b";
+}
+.icon-edit:before {
+    content: "\e01c";
+}
+.icon-adjustments:before {
+    content: "\e01d";
+}
+.icon-ribbon:before {
+    content: "\e01e";
+}
+.icon-hourglass:before {
+    content: "\e01f";
+}
+.icon-lock:before {
+    content: "\e020";
+}
+.icon-megaphone:before {
+    content: "\e021";
+}
+.icon-shield:before {
+    content: "\e022";
+}
+.icon-trophy:before {
+    content: "\e023";
+}
+.icon-flag:before {
+    content: "\e024";
+}
+.icon-map:before {
+    content: "\e025";
+}
+.icon-puzzle:before {
+    content: "\e026";
+}
+.icon-basket:before {
+    content: "\e027";
+}
+.icon-envelope:before {
+    content: "\e028";
+}
+.icon-streetsign:before {
+    content: "\e029";
+}
+.icon-telescope:before {
+    content: "\e02a";
+}
+.icon-gears:before {
+    content: "\e02b";
+}
+.icon-key:before {
+    content: "\e02c";
+}
+.icon-paperclip:before {
+    content: "\e02d";
+}
+.icon-attachment:before {
+    content: "\e02e";
+}
+.icon-pricetags:before {
+    content: "\e02f";
+}
+.icon-lightbulb:before {
+    content: "\e030";
+}
+.icon-layers:before {
+    content: "\e031";
+}
+.icon-pencil:before {
+    content: "\e032";
+}
+.icon-tools:before {
+    content: "\e033";
+}
+.icon-tools-2:before {
+    content: "\e034";
+}
+.icon-scissors:before {
+    content: "\e035";
+}
+.icon-paintbrush:before {
+    content: "\e036";
+}
+.icon-magnifying-glass:before {
+    content: "\e037";
+}
+.icon-circle-compass:before {
+    content: "\e038";
+}
+.icon-linegraph:before {
+    content: "\e039";
+}
+.icon-mic:before {
+    content: "\e03a";
+}
+.icon-strategy:before {
+    content: "\e03b";
+}
+.icon-beaker:before {
+    content: "\e03c";
+}
+.icon-caution:before {
+    content: "\e03d";
+}
+.icon-recycle:before {
+    content: "\e03e";
+}
+.icon-anchor:before {
+    content: "\e03f";
+}
+.icon-profile-male:before {
+    content: "\e040";
+}
+.icon-profile-female:before {
+    content: "\e041";
+}
+.icon-bike:before {
+    content: "\e042";
+}
+.icon-wine:before {
+    content: "\e043";
+}
+.icon-hotairballoon:before {
+    content: "\e044";
+}
+.icon-globe:before {
+    content: "\e045";
+}
+.icon-genius:before {
+    content: "\e046";
+}
+.icon-map-pin:before {
+    content: "\e047";
+}
+.icon-dial:before {
+    content: "\e048";
+}
+.icon-chat:before {
+    content: "\e049";
+}
+.icon-heart:before {
+    content: "\e04a";
+}
+.icon-cloud:before {
+    content: "\e04b";
+}
+.icon-upload:before {
+    content: "\e04c";
+}
+.icon-download:before {
+    content: "\e04d";
+}
+.icon-target:before {
+    content: "\e04e";
+}
+.icon-hazardous:before {
+    content: "\e04f";
+}
+.icon-piechart:before {
+    content: "\e050";
+}
+.icon-speedometer:before {
+    content: "\e051";
+}
+.icon-global:before {
+    content: "\e052";
+}
+.icon-compass:before {
+    content: "\e053";
+}
+.icon-lifesaver:before {
+    content: "\e054";
+}
+.icon-clock:before {
+    content: "\e055";
+}
+.icon-aperture:before {
+    content: "\e056";
+}
+.icon-quote:before {
+    content: "\e057";
+}
+.icon-scope:before {
+    content: "\e058";
+}
+.icon-alarmclock:before {
+    content: "\e059";
+}
+.icon-refresh:before {
+    content: "\e05a";
+}
+.icon-happy:before {
+    content: "\e05b";
+}
+.icon-sad:before {
+    content: "\e05c";
+}
+.icon-facebook:before {
+    content: "\e05d";
+}
+.icon-twitter:before {
+    content: "\e05e";
+}
+.icon-googleplus:before {
+    content: "\e05f";
+}
+.icon-rss:before {
+    content: "\e060";
+}
+.icon-tumblr:before {
+    content: "\e061";
+}
+.icon-linkedin:before {
+    content: "\e062";
+}
+.icon-dribbble:before {
+    content: "\e063";
+}
+.icon-box2:before {
+    content: "\ea82";
+}
+.icon-write:before {
+    content: "\ea83";
+}
+.icon-clock2:before {
+    content: "\ea84";
+}
+.icon-reply2:before {
+    content: "\ea85";
+}
+.icon-reply-all2:before {
+    content: "\ea86";
+}
+.icon-forward2:before {
+    content: "\ea87";
+}
+.icon-flag2:before {
+    content: "\ea88";
+}
+.icon-search2:before {
+    content: "\ea89";
+}
+.icon-trash2:before {
+    content: "\ea8a";
+}
+.icon-envelope2:before {
+    content: "\ea8b";
+}
+.icon-bubble:before {
+    content: "\ea8c";
+}
+.icon-bubbles:before {
+    content: "\ea8d";
+}
+.icon-user2:before {
+    content: "\ea8e";
+}
+.icon-users2:before {
+    content: "\ea8f";
+}
+.icon-cloud2:before {
+    content: "\ea90";
+}
+.icon-download2:before {
+    content: "\ea91";
+}
+.icon-upload2:before {
+    content: "\ea92";
+}
+.icon-rain:before {
+    content: "\ea93";
+}
+.icon-sun:before {
+    content: "\ea94";
+}
+.icon-moon2:before {
+    content: "\ea95";
+}
+.icon-bell2:before {
+    content: "\ea96";
+}
+.icon-folder2:before {
+    content: "\ea97";
+}
+.icon-pin2:before {
+    content: "\ea98";
+}
+.icon-sound2:before {
+    content: "\ea99";
+}
+.icon-microphone:before {
+    content: "\ea9a";
+}
+.icon-camera2:before {
+    content: "\ea9b";
+}
+.icon-image2:before {
+    content: "\ea9c";
+}
+.icon-cog2:before {
+    content: "\ea9d";
+}
+.icon-calendar2:before {
+    content: "\ea9e";
+}
+.icon-book2:before {
+    content: "\ea9f";
+}
+.icon-map-marker:before {
+    content: "\eaa0";
+}
+.icon-store:before {
+    content: "\eaa1";
+}
+.icon-support:before {
+    content: "\eaa2";
+}
+.icon-tag2:before {
+    content: "\eaa3";
+}
+.icon-heart2:before {
+    content: "\eaa4";
+}
+.icon-video-camera:before {
+    content: "\eaa5";
+}
+.icon-trophy2:before {
+    content: "\eaa6";
+}
+.icon-cart:before {
+    content: "\eaa7";
+}
+.icon-eye2:before {
+    content: "\eaa8";
+}
+.icon-cancel:before {
+    content: "\eaa9";
+}
+.icon-chart:before {
+    content: "\eaaa";
+}
+.icon-target2:before {
+    content: "\eaab";
+}
+.icon-printer2:before {
+    content: "\eaac";
+}
+.icon-location2:before {
+    content: "\eaad";
+}
+.icon-bookmark2:before {
+    content: "\eaae";
+}
+.icon-monitor:before {
+    content: "\eaaf";
+}
+.icon-cross2:before {
+    content: "\eab0";
+}
+.icon-plus2:before {
+    content: "\eab1";
+}
+.icon-left:before {
+    content: "\eab2";
+}
+.icon-up:before {
+    content: "\eab3";
+}
+.icon-browser2:before {
+    content: "\eab4";
+}
+.icon-windows:before {
+    content: "\eab5";
+}
+.icon-switch2:before {
+    content: "\eab6";
+}
+.icon-dashboard:before {
+    content: "\eab7";
+}
+.icon-play:before {
+    content: "\eab8";
+}
+.icon-fast-forward:before {
+    content: "\eab9";
+}
+.icon-next:before {
+    content: "\eaba";
+}
+.icon-refresh2:before {
+    content: "\eabb";
+}
+.icon-film:before {
+    content: "\eabc";
+}
+.icon-home2:before {
+    content: "\eabd";
+}
+.icon-add-to-list:before {
+    content: "\e901";
+}
+.icon-classic-computer:before {
+    content: "\e902";
+}
+.icon-controller-fast-backward:before {
+    content: "\e903";
+}
+.icon-creative-commons-attribution:before {
+    content: "\e904";
+}
+.icon-creative-commons-noderivs:before {
+    content: "\e905";
+}
+.icon-creative-commons-noncommercial-eu:before {
+    content: "\e906";
+}
+.icon-creative-commons-noncommercial-us:before {
+    content: "\e907";
+}
+.icon-creative-commons-public-domain:before {
+    content: "\e908";
+}
+.icon-creative-commons-remix:before {
+    content: "\e909";
+}
+.icon-creative-commons-share:before {
+    content: "\e90a";
+}
+.icon-creative-commons-sharealike:before {
+    content: "\e90b";
+}
+.icon-creative-commons:before {
+    content: "\e90c";
+}
+.icon-document-landscape:before {
+    content: "\e90d";
+}
+.icon-remove-user:before {
+    content: "\e90e";
+}
+.icon-warning:before {
+    content: "\e90f";
+}
+.icon-arrow-bold-down:before {
+    content: "\e910";
+}
+.icon-arrow-bold-left:before {
+    content: "\e911";
+}
+.icon-arrow-bold-right:before {
+    content: "\e912";
+}
+.icon-arrow-bold-up:before {
+    content: "\e913";
+}
+.icon-arrow-down:before {
+    content: "\e914";
+}
+.icon-arrow-left:before {
+    content: "\e915";
+}
+.icon-arrow-long-down:before {
+    content: "\e916";
+}
+.icon-arrow-long-left:before {
+    content: "\e917";
+}
+.icon-arrow-long-right:before {
+    content: "\e918";
+}
+.icon-arrow-long-up:before {
+    content: "\e919";
+}
+.icon-arrow-right:before {
+    content: "\e91a";
+}
+.icon-arrow-up:before {
+    content: "\e91b";
+}
+.icon-arrow-with-circle-down:before {
+    content: "\e91c";
+}
+.icon-arrow-with-circle-left:before {
+    content: "\e91d";
+}
+.icon-arrow-with-circle-right:before {
+    content: "\e91e";
+}
+.icon-arrow-with-circle-up:before {
+    content: "\e91f";
+}
+.icon-bookmark:before {
+    content: "\e920";
+}
+.icon-bookmarks:before {
+    content: "\e921";
+}
+.icon-chevron-down:before {
+    content: "\e922";
+}
+.icon-chevron-left:before {
+    content: "\e923";
+}
+.icon-chevron-right:before {
+    content: "\e924";
+}
+.icon-chevron-small-down:before {
+    content: "\e925";
+}
+.icon-chevron-small-left:before {
+    content: "\e926";
+}
+.icon-chevron-small-right:before {
+    content: "\e927";
+}
+.icon-chevron-small-up:before {
+    content: "\e928";
+}
+.icon-chevron-thin-down:before {
+    content: "\e929";
+}
+.icon-chevron-thin-left:before {
+    content: "\e92a";
+}
+.icon-chevron-thin-right:before {
+    content: "\e92b";
+}
+.icon-chevron-thin-up:before {
+    content: "\e92c";
+}
+.icon-chevron-up:before {
+    content: "\e92d";
+}
+.icon-chevron-with-circle-down:before {
+    content: "\e92e";
+}
+.icon-chevron-with-circle-left:before {
+    content: "\e92f";
+}
+.icon-chevron-with-circle-right:before {
+    content: "\e930";
+}
+.icon-chevron-with-circle-up:before {
+    content: "\e931";
+}
+.icon-cloud3:before {
+    content: "\e932";
+}
+.icon-controller-fast-forward:before {
+    content: "\e933";
+}
+.icon-controller-jump-to-start:before {
+    content: "\e934";
+}
+.icon-controller-next:before {
+    content: "\e935";
+}
+.icon-controller-paus:before {
+    content: "\e936";
+}
+.icon-controller-play:before {
+    content: "\e937";
+}
+.icon-controller-record:before {
+    content: "\e938";
+}
+.icon-controller-stop:before {
+    content: "\e939";
+}
+.icon-controller-volume:before {
+    content: "\e93a";
+}
+.icon-dot-single:before {
+    content: "\e93b";
+}
+.icon-dots-three-horizontal:before {
+    content: "\e93c";
+}
+.icon-dots-three-vertical:before {
+    content: "\e93d";
+}
+.icon-dots-two-horizontal:before {
+    content: "\e93e";
+}
+.icon-dots-two-vertical:before {
+    content: "\e93f";
+}
+.icon-download3:before {
+    content: "\e940";
+}
+.icon-emoji-flirt:before {
+    content: "\e941";
+}
+.icon-flow-branch:before {
+    content: "\e942";
+}
+.icon-flow-cascade:before {
+    content: "\e943";
+}
+.icon-flow-line:before {
+    content: "\e944";
+}
+.icon-flow-parallel:before {
+    content: "\e945";
+}
+.icon-flow-tree:before {
+    content: "\e946";
+}
+.icon-install:before {
+    content: "\e947";
+}
+.icon-layers2:before {
+    content: "\e948";
+}
+.icon-open-book:before {
+    content: "\e949";
+}
+.icon-resize-100:before {
+    content: "\e94a";
+}
+.icon-resize-full-screen:before {
+    content: "\e94b";
+}
+.icon-save:before {
+    content: "\e94c";
+}
+.icon-select-arrows:before {
+    content: "\e94d";
+}
+.icon-sound-mute:before {
+    content: "\e94e";
+}
+.icon-sound:before {
+    content: "\e94f";
+}
+.icon-trash:before {
+    content: "\e950";
+}
+.icon-triangle-down:before {
+    content: "\e951";
+}
+.icon-triangle-left:before {
+    content: "\e952";
+}
+.icon-triangle-right:before {
+    content: "\e953";
+}
+.icon-triangle-up:before {
+    content: "\e954";
+}
+.icon-uninstall:before {
+    content: "\e955";
+}
+.icon-upload-to-cloud:before {
+    content: "\e956";
+}
+.icon-upload3:before {
+    content: "\e957";
+}
+.icon-add-user:before {
+    content: "\e958";
+}
+.icon-address:before {
+    content: "\e959";
+}
+.icon-adjust:before {
+    content: "\e95a";
+}
+.icon-air:before {
+    content: "\e95b";
+}
+.icon-aircraft-landing:before {
+    content: "\e95c";
+}
+.icon-aircraft-take-off:before {
+    content: "\e95d";
+}
+.icon-aircraft:before {
+    content: "\e95e";
+}
+.icon-align-bottom:before {
+    content: "\e95f";
+}
+.icon-align-horizontal-middle:before {
+    content: "\e960";
+}
+.icon-align-left:before {
+    content: "\e961";
+}
+.icon-align-right:before {
+    content: "\e962";
+}
+.icon-align-top:before {
+    content: "\e963";
+}
+.icon-align-vertical-middle:before {
+    content: "\e964";
+}
+.icon-archive:before {
+    content: "\e965";
+}
+.icon-area-graph:before {
+    content: "\e966";
+}
+.icon-attachment2:before {
+    content: "\e967";
+}
+.icon-awareness-ribbon:before {
+    content: "\e968";
+}
+.icon-back-in-time:before {
+    content: "\e969";
+}
+.icon-back:before {
+    content: "\e96a";
+}
+.icon-bar-graph:before {
+    content: "\e96b";
+}
+.icon-battery:before {
+    content: "\e96c";
+}
+.icon-beamed-note:before {
+    content: "\e96d";
+}
+.icon-bell:before {
+    content: "\e96e";
+}
+.icon-blackboard:before {
+    content: "\e96f";
+}
+.icon-block:before {
+    content: "\e970";
+}
+.icon-book:before {
+    content: "\e971";
+}
+.icon-bowl:before {
+    content: "\e972";
+}
+.icon-box:before {
+    content: "\e973";
+}
+.icon-briefcase2:before {
+    content: "\e974";
+}
+.icon-browser3:before {
+    content: "\e975";
+}
+.icon-brush:before {
+    content: "\e976";
+}
+.icon-bucket:before {
+    content: "\e977";
+}
+.icon-cake:before {
+    content: "\e978";
+}
+.icon-calculator:before {
+    content: "\e979";
+}
+.icon-calendar3:before {
+    content: "\e97a";
+}
+.icon-camera3:before {
+    content: "\e97b";
+}
+.icon-ccw:before {
+    content: "\e97c";
+}
+.icon-chat2:before {
+    content: "\e97d";
+}
+.icon-check:before {
+    content: "\e97e";
+}
+.icon-circle-with-cross:before {
+    content: "\e97f";
+}
+.icon-circle-with-minus:before {
+    content: "\e980";
+}
+.icon-circle-with-plus:before {
+    content: "\e981";
+}
+.icon-circle:before {
+    content: "\e982";
+}
+.icon-circular-graph:before {
+    content: "\e983";
+}
+.icon-clapperboard:before {
+    content: "\e984";
+}
+.icon-clipboard2:before {
+    content: "\e985";
+}
+.icon-clock3:before {
+    content: "\e986";
+}
+.icon-code:before {
+    content: "\e987";
+}
+.icon-cog:before {
+    content: "\e988";
+}
+.icon-colours:before {
+    content: "\e989";
+}
+.icon-compass2:before {
+    content: "\e98a";
+}
+.icon-copy:before {
+    content: "\e98b";
+}
+.icon-credit-card:before {
+    content: "\e98c";
+}
+.icon-credit:before {
+    content: "\e98d";
+}
+.icon-cross:before {
+    content: "\e98e";
+}
+.icon-cup:before {
+    content: "\e98f";
+}
+.icon-cw:before {
+    content: "\e990";
+}
+.icon-cycle:before {
+    content: "\e991";
+}
+.icon-database:before {
+    content: "\e992";
+}
+.icon-dial-pad:before {
+    content: "\e993";
+}
+.icon-direction:before {
+    content: "\e994";
+}
+.icon-document2:before {
+    content: "\e995";
+}
+.icon-documents2:before {
+    content: "\e996";
+}
+.icon-drink:before {
+    content: "\e997";
+}
+.icon-drive:before {
+    content: "\e998";
+}
+.icon-drop:before {
+    content: "\e999";
+}
+.icon-edit2:before {
+    content: "\e99a";
+}
+.icon-email:before {
+    content: "\e99b";
+}
+.icon-emoji-happy:before {
+    content: "\e99c";
+}
+.icon-emoji-neutral:before {
+    content: "\e99d";
+}
+.icon-emoji-sad:before {
+    content: "\e99e";
+}
+.icon-erase:before {
+    content: "\e99f";
+}
+.icon-eraser:before {
+    content: "\e9a0";
+}
+.icon-export:before {
+    content: "\e9a1";
+}
+.icon-eye:before {
+    content: "\e9a2";
+}
+.icon-feather:before {
+    content: "\e9a3";
+}
+.icon-flag3:before {
+    content: "\e9a4";
+}
+.icon-flash:before {
+    content: "\e9a5";
+}
+.icon-flashlight:before {
+    content: "\e9a6";
+}
+.icon-flat-brush:before {
+    content: "\e9a7";
+}
+.icon-folder-images:before {
+    content: "\e9a8";
+}
+.icon-folder-music:before {
+    content: "\e9a9";
+}
+.icon-folder-video:before {
+    content: "\e9aa";
+}
+.icon-folder:before {
+    content: "\e9ab";
+}
+.icon-forward:before {
+    content: "\e9ac";
+}
+.icon-funnel:before {
+    content: "\e9ad";
+}
+.icon-game-controller:before {
+    content: "\e9ae";
+}
+.icon-gauge:before {
+    content: "\e9af";
+}
+.icon-globe2:before {
+    content: "\e9b0";
+}
+.icon-graduation-cap:before {
+    content: "\e9b1";
+}
+.icon-grid2:before {
+    content: "\e9b2";
+}
+.icon-hair-cross:before {
+    content: "\e9b3";
+}
+.icon-hand:before {
+    content: "\e9b4";
+}
+.icon-heart-outlined:before {
+    content: "\e9b5";
+}
+.icon-heart3:before {
+    content: "\e9b6";
+}
+.icon-help-with-circle:before {
+    content: "\e9b7";
+}
+.icon-help:before {
+    content: "\e9b8";
+}
+.icon-home:before {
+    content: "\e9b9";
+}
+.icon-hour-glass:before {
+    content: "\e9ba";
+}
+.icon-image-inverted:before {
+    content: "\e9bb";
+}
+.icon-image:before {
+    content: "\e9bc";
+}
+.icon-images:before {
+    content: "\e9bd";
+}
+.icon-inbox:before {
+    content: "\e9be";
+}
+.icon-infinity:before {
+    content: "\e9bf";
+}
+.icon-info-with-circle:before {
+    content: "\e9c0";
+}
+.icon-info:before {
+    content: "\e9c1";
+}
+.icon-key2:before {
+    content: "\e9c2";
+}
+.icon-keyboard:before {
+    content: "\e9c3";
+}
+.icon-lab-flask:before {
+    content: "\e9c4";
+}
+.icon-landline:before {
+    content: "\e9c5";
+}
+.icon-language:before {
+    content: "\e9c6";
+}
+.icon-laptop2:before {
+    content: "\e9c7";
+}
+.icon-leaf:before {
+    content: "\e9c8";
+}
+.icon-level-down:before {
+    content: "\e9c9";
+}
+.icon-level-up:before {
+    content: "\e9ca";
+}
+.icon-lifebuoy:before {
+    content: "\e9cb";
+}
+.icon-light-bulb:before {
+    content: "\e9cc";
+}
+.icon-light-down:before {
+    content: "\e9cd";
+}
+.icon-light-up:before {
+    content: "\e9ce";
+}
+.icon-line-graph:before {
+    content: "\e9cf";
+}
+.icon-link:before {
+    content: "\e9d0";
+}
+.icon-list:before {
+    content: "\e9d1";
+}
+.icon-location-pin:before {
+    content: "\e9d2";
+}
+.icon-location:before {
+    content: "\e9d3";
+}
+.icon-lock-open:before {
+    content: "\e9d4";
+}
+.icon-lock2:before {
+    content: "\e9d5";
+}
+.icon-log-out:before {
+    content: "\e9d6";
+}
+.icon-login:before {
+    content: "\e9d7";
+}
+.icon-loop:before {
+    content: "\e9d8";
+}
+.icon-magnet:before {
+    content: "\e9d9";
+}
+.icon-magnifying-glass2:before {
+    content: "\e9da";
+}
+.icon-mail:before {
+    content: "\e9db";
+}
+.icon-man:before {
+    content: "\e9dc";
+}
+.icon-map2:before {
+    content: "\e9dd";
+}
+.icon-mask:before {
+    content: "\e9de";
+}
+.icon-medal:before {
+    content: "\e9df";
+}
+.icon-megaphone2:before {
+    content: "\e9e0";
+}
+.icon-menu:before {
+    content: "\e9e1";
+}
+.icon-message:before {
+    content: "\e9e2";
+}
+.icon-mic2:before {
+    content: "\e9e3";
+}
+.icon-minus:before {
+    content: "\e9e4";
+}
+.icon-mobile2:before {
+    content: "\e9e5";
+}
+.icon-modern-mic:before {
+    content: "\e9e6";
+}
+.icon-moon:before {
+    content: "\e9e7";
+}
+.icon-mouse:before {
+    content: "\e9e8";
+}
+.icon-music:before {
+    content: "\e9e9";
+}
+.icon-network:before {
+    content: "\e9ea";
+}
+.icon-new-message:before {
+    content: "\e9eb";
+}
+.icon-new:before {
+    content: "\e9ec";
+}
+.icon-news:before {
+    content: "\e9ed";
+}
+.icon-note:before {
+    content: "\e9ee";
+}
+.icon-notification:before {
+    content: "\e9ef";
+}
+.icon-old-mobile:before {
+    content: "\e9f0";
+}
+.icon-old-phone:before {
+    content: "\e9f1";
+}
+.icon-palette:before {
+    content: "\e9f2";
+}
+.icon-paper-plane:before {
+    content: "\e9f3";
+}
+.icon-pencil2:before {
+    content: "\e9f4";
+}
+.icon-phone2:before {
+    content: "\e9f5";
+}
+.icon-pie-chart:before {
+    content: "\e9f6";
+}
+.icon-pin:before {
+    content: "\e9f7";
+}
+.icon-plus:before {
+    content: "\e9f8";
+}
+.icon-popup:before {
+    content: "\e9f9";
+}
+.icon-power-plug:before {
+    content: "\e9fa";
+}
+.icon-price-ribbon:before {
+    content: "\e9fb";
+}
+.icon-price-tag:before {
+    content: "\e9fc";
+}
+.icon-print:before {
+    content: "\e9fd";
+}
+.icon-progress-empty:before {
+    content: "\e9fe";
+}
+.icon-progress-full:before {
+    content: "\e9ff";
+}
+.icon-progress-one:before {
+    content: "\ea00";
+}
+.icon-progress-two:before {
+    content: "\ea01";
+}
+.icon-publish:before {
+    content: "\ea02";
+}
+.icon-quote2:before {
+    content: "\ea03";
+}
+.icon-radio:before {
+    content: "\ea04";
+}
+.icon-reply-all:before {
+    content: "\ea05";
+}
+.icon-reply:before {
+    content: "\ea06";
+}
+.icon-retweet:before {
+    content: "\ea07";
+}
+.icon-rocket:before {
+    content: "\ea08";
+}
+.icon-round-brush:before {
+    content: "\ea09";
+}
+.icon-rss2:before {
+    content: "\ea0a";
+}
+.icon-ruler:before {
+    content: "\ea0b";
+}
+.icon-scissors2:before {
+    content: "\ea0c";
+}
+.icon-share-alternitive:before {
+    content: "\ea0d";
+}
+.icon-share:before {
+    content: "\ea0e";
+}
+.icon-shareable:before {
+    content: "\ea0f";
+}
+.icon-shield2:before {
+    content: "\ea10";
+}
+.icon-shop:before {
+    content: "\ea11";
+}
+.icon-shopping-bag:before {
+    content: "\ea12";
+}
+.icon-shopping-basket:before {
+    content: "\ea13";
+}
+.icon-shopping-cart:before {
+    content: "\ea14";
+}
+.icon-shuffle:before {
+    content: "\ea15";
+}
+.icon-signal:before {
+    content: "\ea16";
+}
+.icon-sound-mix:before {
+    content: "\ea17";
+}
+.icon-sports-club:before {
+    content: "\ea18";
+}
+.icon-spreadsheet:before {
+    content: "\ea19";
+}
+.icon-squared-cross:before {
+    content: "\ea1a";
+}
+.icon-squared-minus:before {
+    content: "\ea1b";
+}
+.icon-squared-plus:before {
+    content: "\ea1c";
+}
+.icon-star-outlined:before {
+    content: "\ea1d";
+}
+.icon-star:before {
+    content: "\ea1e";
+}
+.icon-stopwatch:before {
+    content: "\ea1f";
+}
+.icon-suitcase:before {
+    content: "\ea20";
+}
+.icon-swap:before {
+    content: "\ea21";
+}
+.icon-sweden:before {
+    content: "\ea22";
+}
+.icon-switch:before {
+    content: "\ea23";
+}
+.icon-tablet2:before {
+    content: "\ea24";
+}
+.icon-tag:before {
+    content: "\ea25";
+}
+.icon-text-document-inverted:before {
+    content: "\ea26";
+}
+.icon-text-document:before {
+    content: "\ea27";
+}
+.icon-text:before {
+    content: "\ea28";
+}
+.icon-thermometer:before {
+    content: "\ea29";
+}
+.icon-thumbs-down:before {
+    content: "\ea2a";
+}
+.icon-thumbs-up:before {
+    content: "\ea2b";
+}
+.icon-thunder-cloud:before {
+    content: "\ea2c";
+}
+.icon-ticket:before {
+    content: "\ea2d";
+}
+.icon-time-slot:before {
+    content: "\ea2e";
+}
+.icon-tools2:before {
+    content: "\ea2f";
+}
+.icon-traffic-cone:before {
+    content: "\ea30";
+}
+.icon-tree:before {
+    content: "\ea31";
+}
+.icon-trophy3:before {
+    content: "\ea32";
+}
+.icon-tv:before {
+    content: "\ea33";
+}
+.icon-typing:before {
+    content: "\ea34";
+}
+.icon-unread:before {
+    content: "\ea35";
+}
+.icon-untag:before {
+    content: "\ea36";
+}
+.icon-user:before {
+    content: "\ea37";
+}
+.icon-users:before {
+    content: "\ea38";
+}
+.icon-v-card:before {
+    content: "\ea39";
+}
+.icon-video2:before {
+    content: "\ea3a";
+}
+.icon-vinyl:before {
+    content: "\ea3b";
+}
+.icon-voicemail:before {
+    content: "\ea3c";
+}
+.icon-wallet2:before {
+    content: "\ea3d";
+}
+.icon-water:before {
+    content: "\ea3e";
+}
+.icon-500px-with-circle:before {
+    content: "\ea3f";
+}
+.icon-500px:before {
+    content: "\ea40";
+}
+.icon-basecamp:before {
+    content: "\ea41";
+}
+.icon-behance:before {
+    content: "\ea42";
+}
+.icon-creative-cloud:before {
+    content: "\ea43";
+}
+.icon-dropbox:before {
+    content: "\ea44";
+}
+.icon-evernote:before {
+    content: "\ea45";
+}
+.icon-flattr:before {
+    content: "\ea46";
+}
+.icon-foursquare:before {
+    content: "\ea47";
+}
+.icon-google-drive:before {
+    content: "\ea48";
+}
+.icon-google-hangouts:before {
+    content: "\ea49";
+}
+.icon-grooveshark:before {
+    content: "\ea4a";
+}
+.icon-icloud:before {
+    content: "\ea4b";
+}
+.icon-mixi:before {
+    content: "\ea4c";
+}
+.icon-onedrive:before {
+    content: "\ea4d";
+}
+.icon-paypal:before {
+    content: "\ea4e";
+}
+.icon-picasa:before {
+    content: "\ea4f";
+}
+.icon-qq:before {
+    content: "\ea50";
+}
+.icon-rdio-with-circle:before {
+    content: "\ea51";
+}
+.icon-renren:before {
+    content: "\ea52";
+}
+.icon-scribd:before {
+    content: "\ea53";
+}
+.icon-sina-weibo:before {
+    content: "\ea54";
+}
+.icon-skype-with-circle:before {
+    content: "\ea55";
+}
+.icon-skype:before {
+    content: "\ea56";
+}
+.icon-slideshare:before {
+    content: "\ea57";
+}
+.icon-smashing:before {
+    content: "\ea58";
+}
+.icon-soundcloud:before {
+    content: "\ea59";
+}
+.icon-spotify-with-circle:before {
+    content: "\ea5a";
+}
+.icon-spotify:before {
+    content: "\ea5b";
+}
+.icon-swarm:before {
+    content: "\ea5c";
+}
+.icon-vine-with-circle:before {
+    content: "\ea5d";
+}
+.icon-vine:before {
+    content: "\ea5e";
+}
+.icon-vk-alternitive:before {
+    content: "\ea5f";
+}
+.icon-vk-with-circle:before {
+    content: "\ea60";
+}
+.icon-vk:before {
+    content: "\ea61";
+}
+.icon-xing-with-circle:before {
+    content: "\ea62";
+}
+.icon-xing:before {
+    content: "\ea63";
+}
+.icon-yelp:before {
+    content: "\ea64";
+}
+.icon-dribbble-with-circle:before {
+    content: "\ea65";
+}
+.icon-dribbble2:before {
+    content: "\ea66";
+}
+.icon-facebook-with-circle:before {
+    content: "\ea67";
+}
+.icon-facebook2:before {
+    content: "\ea68";
+}
+.icon-flickr-with-circle:before {
+    content: "\ea69";
+}
+.icon-flickr:before {
+    content: "\ea6a";
+}
+.icon-github-with-circle:before {
+    content: "\ea6b";
+}
+.icon-github:before {
+    content: "\ea6c";
+}
+.icon-google-with-circle:before {
+    content: "\ea6d";
+}
+.icon-google:before {
+    content: "\ea6e";
+}
+.icon-instagram-with-circle:before {
+    content: "\ea6f";
+}
+.icon-instagram:before {
+    content: "\ea70";
+}
+.icon-lastfm-with-circle:before {
+    content: "\ea71";
+}
+.icon-lastfm:before {
+    content: "\ea72";
+}
+.icon-linkedin-with-circle:before {
+    content: "\ea73";
+}
+.icon-linkedin2:before {
+    content: "\ea74";
+}
+.icon-pinterest-with-circle:before {
+    content: "\ea75";
+}
+.icon-pinterest:before {
+    content: "\ea76";
+}
+.icon-rdio:before {
+    content: "\ea77";
+}
+.icon-stumbleupon-with-circle:before {
+    content: "\ea78";
+}
+.icon-stumbleupon:before {
+    content: "\ea79";
+}
+.icon-tumblr-with-circle:before {
+    content: "\ea7a";
+}
+.icon-tumblr2:before {
+    content: "\ea7b";
+}
+.icon-twitter-with-circle:before {
+    content: "\ea7c";
+}
+.icon-twitter2:before {
+    content: "\ea7d";
+}
+.icon-vimeo-with-circle:before {
+    content: "\ea7e";
+}
+.icon-vimeo:before {
+    content: "\ea7f";
+}
+.icon-youtube-with-circle:before {
+    content: "\ea80";
+}
+.icon-youtube:before {
+    content: "\ea81";
+}
+.icon-home3:before {
+    content: "\eabe";
+}
+.icon-home22:before {
+    content: "\eabf";
+}
+.icon-home32:before {
+    content: "\eac0";
+}
+.icon-office:before {
+    content: "\eac1";
+}
+.icon-newspaper2:before {
+    content: "\eac2";
+}
+.icon-pencil3:before {
+    content: "\eac3";
+}
+.icon-pencil22:before {
+    content: "\eac4";
+}
+.icon-quill:before {
+    content: "\eac5";
+}
+.icon-pen:before {
+    content: "\eac6";
+}
+.icon-blog:before {
+    content: "\eac7";
+}
+.icon-eyedropper:before {
+    content: "\eac8";
+}
+.icon-droplet:before {
+    content: "\eac9";
+}
+.icon-paint-format:before {
+    content: "\eaca";
+}
+.icon-image3:before {
+    content: "\eacb";
+}
+.icon-images2:before {
+    content: "\eacc";
+}
+.icon-camera4:before {
+    content: "\eacd";
+}
+.icon-headphones:before {
+    content: "\eace";
+}
+.icon-music2:before {
+    content: "\eacf";
+}
+.icon-play2:before {
+    content: "\ead0";
+}
+.icon-film2:before {
+    content: "\ead1";
+}
+.icon-video-camera2:before {
+    content: "\ead2";
+}
+.icon-dice:before {
+    content: "\ead3";
+}
+.icon-pacman:before {
+    content: "\ead4";
+}
+.icon-spades:before {
+    content: "\ead5";
+}
+.icon-clubs:before {
+    content: "\ead6";
+}
+.icon-diamonds:before {
+    content: "\ead7";
+}
+.icon-bullhorn:before {
+    content: "\ead8";
+}
+.icon-connection:before {
+    content: "\ead9";
+}
+.icon-podcast:before {
+    content: "\eada";
+}
+.icon-feed:before {
+    content: "\eadb";
+}
+.icon-mic3:before {
+    content: "\eadc";
+}
+.icon-book3:before {
+    content: "\eadd";
+}
+.icon-books:before {
+    content: "\eade";
+}
+.icon-library:before {
+    content: "\eadf";
+}
+.icon-file-text:before {
+    content: "\eae0";
+}
+.icon-profile:before {
+    content: "\eae1";
+}
+.icon-file-empty:before {
+    content: "\eae2";
+}
+.icon-files-empty:before {
+    content: "\eae3";
+}
+.icon-file-text2:before {
+    content: "\eae4";
+}
+.icon-file-picture:before {
+    content: "\eae5";
+}
+.icon-file-music:before {
+    content: "\eae6";
+}
+.icon-file-play:before {
+    content: "\eae7";
+}
+.icon-file-video:before {
+    content: "\eae8";
+}
+.icon-file-zip:before {
+    content: "\eae9";
+}
+.icon-copy2:before {
+    content: "\eaea";
+}
+.icon-paste:before {
+    content: "\eaeb";
+}
+.icon-stack:before {
+    content: "\eaec";
+}
+.icon-folder3:before {
+    content: "\eaed";
+}
+.icon-folder-open:before {
+    content: "\eaee";
+}
+.icon-folder-plus:before {
+    content: "\eaef";
+}
+.icon-folder-minus:before {
+    content: "\eaf0";
+}
+.icon-folder-download:before {
+    content: "\eaf1";
+}
+.icon-folder-upload:before {
+    content: "\eaf2";
+}
+.icon-price-tag2:before {
+    content: "\eaf3";
+}
+.icon-price-tags:before {
+    content: "\eaf4";
+}
+.icon-barcode:before {
+    content: "\eaf5";
+}
+.icon-qrcode:before {
+    content: "\eaf6";
+}
+.icon-ticket2:before {
+    content: "\eaf7";
+}
+.icon-cart2:before {
+    content: "\eaf8";
+}
+.icon-coin-dollar:before {
+    content: "\eaf9";
+}
+.icon-coin-euro:before {
+    content: "\eafa";
+}
+.icon-coin-pound:before {
+    content: "\eafb";
+}
+.icon-coin-yen:before {
+    content: "\eafc";
+}
+.icon-credit-card2:before {
+    content: "\eafd";
+}
+.icon-calculator2:before {
+    content: "\eafe";
+}
+.icon-lifebuoy2:before {
+    content: "\eaff";
+}
+.icon-phone3:before {
+    content: "\eb00";
+}
+.icon-phone-hang-up:before {
+    content: "\eb01";
+}
+.icon-address-book:before {
+    content: "\eb02";
+}
+.icon-envelop:before {
+    content: "\eb03";
+}
+.icon-pushpin:before {
+    content: "\eb04";
+}
+.icon-location3:before {
+    content: "\eb05";
+}
+.icon-location22:before {
+    content: "\eb06";
+}
+.icon-compass3:before {
+    content: "\eb07";
+}
+.icon-compass22:before {
+    content: "\eb08";
+}
+.icon-map3:before {
+    content: "\eb09";
+}
+.icon-map22:before {
+    content: "\eb0a";
+}
+.icon-history:before {
+    content: "\eb0b";
+}
+.icon-clock4:before {
+    content: "\eb0c";
+}
+.icon-clock22:before {
+    content: "\eb0d";
+}
+.icon-alarm:before {
+    content: "\eb0e";
+}
+.icon-bell3:before {
+    content: "\eb0f";
+}
+.icon-stopwatch2:before {
+    content: "\eb10";
+}
+.icon-calendar4:before {
+    content: "\eb11";
+}
+.icon-printer3:before {
+    content: "\eb12";
+}
+.icon-keyboard2:before {
+    content: "\eb13";
+}
+.icon-display:before {
+    content: "\eb14";
+}
+.icon-laptop3:before {
+    content: "\eb15";
+}
+.icon-mobile3:before {
+    content: "\eb16";
+}
+.icon-mobile22:before {
+    content: "\eb17";
+}
+.icon-tablet3:before {
+    content: "\eb18";
+}
+.icon-tv2:before {
+    content: "\eb19";
+}
+.icon-drawer:before {
+    content: "\eb1a";
+}
+.icon-drawer2:before {
+    content: "\eb1b";
+}
+.icon-box-add:before {
+    content: "\eb1c";
+}
+.icon-box-remove:before {
+    content: "\eb1d";
+}
+.icon-download4:before {
+    content: "\eb1e";
+}
+.icon-upload4:before {
+    content: "\eb1f";
+}
+.icon-floppy-disk:before {
+    content: "\eb20";
+}
+.icon-drive2:before {
+    content: "\eb21";
+}
+.icon-database2:before {
+    content: "\eb22";
+}
+.icon-undo:before {
+    content: "\eb23";
+}
+.icon-redo:before {
+    content: "\eb24";
+}
+.icon-undo2:before {
+    content: "\eb25";
+}
+.icon-redo2:before {
+    content: "\eb26";
+}
+.icon-forward3:before {
+    content: "\eb27";
+}
+.icon-reply3:before {
+    content: "\eb28";
+}
+.icon-bubble2:before {
+    content: "\eb29";
+}
+.icon-bubbles2:before {
+    content: "\eb2a";
+}
+.icon-bubbles22:before {
+    content: "\eb2b";
+}
+.icon-bubble22:before {
+    content: "\eb2c";
+}
+.icon-bubbles3:before {
+    content: "\eb2d";
+}
+.icon-bubbles4:before {
+    content: "\eb2e";
+}
+.icon-user3:before {
+    content: "\eb2f";
+}
+.icon-users3:before {
+    content: "\eb30";
+}
+.icon-user-plus:before {
+    content: "\eb31";
+}
+.icon-user-minus:before {
+    content: "\eb32";
+}
+.icon-user-check:before {
+    content: "\eb33";
+}
+.icon-user-tie:before {
+    content: "\eb34";
+}
+.icon-quotes-left:before {
+    content: "\eb35";
+}
+.icon-quotes-right:before {
+    content: "\eb36";
+}
+.icon-hour-glass2:before {
+    content: "\eb37";
+}
+.icon-spinner:before {
+    content: "\eb38";
+}
+.icon-spinner2:before {
+    content: "\eb39";
+}
+.icon-spinner3:before {
+    content: "\eb3a";
+}
+.icon-spinner4:before {
+    content: "\eb3b";
+}
+.icon-spinner5:before {
+    content: "\eb3c";
+}
+.icon-spinner6:before {
+    content: "\eb3d";
+}
+.icon-spinner7:before {
+    content: "\eb3e";
+}
+.icon-spinner8:before {
+    content: "\eb3f";
+}
+.icon-spinner9:before {
+    content: "\eb40";
+}
+.icon-spinner10:before {
+    content: "\eb41";
+}
+.icon-spinner11:before {
+    content: "\eb42";
+}
+.icon-binoculars:before {
+    content: "\eb43";
+}
+.icon-search3:before {
+    content: "\eb44";
+}
+.icon-zoom-in:before {
+    content: "\eb45";
+}
+.icon-zoom-out:before {
+    content: "\eb46";
+}
+.icon-enlarge:before {
+    content: "\eb47";
+}
+.icon-shrink:before {
+    content: "\eb48";
+}
+.icon-enlarge2:before {
+    content: "\eb49";
+}
+.icon-shrink2:before {
+    content: "\eb4a";
+}
+.icon-key3:before {
+    content: "\eb4b";
+}
+.icon-key22:before {
+    content: "\eb4c";
+}
+.icon-lock3:before {
+    content: "\eb4d";
+}
+.icon-unlocked:before {
+    content: "\eb4e";
+}
+.icon-wrench:before {
+    content: "\eb4f";
+}
+.icon-equalizer:before {
+    content: "\eb50";
+}
+.icon-equalizer2:before {
+    content: "\eb51";
+}
+.icon-cog3:before {
+    content: "\eb52";
+}
+.icon-cogs:before {
+    content: "\eb53";
+}
+.icon-hammer:before {
+    content: "\eb54";
+}
+.icon-magic-wand:before {
+    content: "\eb55";
+}
+.icon-aid-kit:before {
+    content: "\eb56";
+}
+.icon-bug:before {
+    content: "\eb57";
+}
+.icon-pie-chart2:before {
+    content: "\eb58";
+}
+.icon-stats-dots:before {
+    content: "\eb59";
+}
+.icon-stats-bars:before {
+    content: "\eb5a";
+}
+.icon-stats-bars2:before {
+    content: "\eb5b";
+}
+.icon-trophy4:before {
+    content: "\eb5c";
+}
+.icon-gift2:before {
+    content: "\eb5d";
+}
+.icon-glass:before {
+    content: "\eb5e";
+}
+.icon-glass2:before {
+    content: "\eb5f";
+}
+.icon-mug:before {
+    content: "\eb60";
+}
+.icon-spoon-knife:before {
+    content: "\eb61";
+}
+.icon-leaf2:before {
+    content: "\eb62";
+}
+.icon-rocket2:before {
+    content: "\eb63";
+}
+.icon-meter:before {
+    content: "\eb64";
+}
+.icon-meter2:before {
+    content: "\eb65";
+}
+.icon-hammer2:before {
+    content: "\eb66";
+}
+.icon-fire:before {
+    content: "\eb67";
+}
+.icon-lab:before {
+    content: "\eb68";
+}
+.icon-magnet2:before {
+    content: "\eb69";
+}
+.icon-bin:before {
+    content: "\eb6a";
+}
+.icon-bin2:before {
+    content: "\eb6b";
+}
+.icon-briefcase3:before {
+    content: "\eb6c";
+}
+.icon-airplane:before {
+    content: "\eb6d";
+}
+.icon-truck:before {
+    content: "\eb6e";
+}
+.icon-road:before {
+    content: "\eb6f";
+}
+.icon-accessibility:before {
+    content: "\eb70";
+}
+.icon-target3:before {
+    content: "\eb71";
+}
+.icon-shield3:before {
+    content: "\eb72";
+}
+.icon-power:before {
+    content: "\eb73";
+}
+.icon-switch3:before {
+    content: "\eb74";
+}
+.icon-power-cord:before {
+    content: "\eb75";
+}
+.icon-clipboard3:before {
+    content: "\eb76";
+}
+.icon-list-numbered:before {
+    content: "\eb77";
+}
+.icon-list2:before {
+    content: "\eb78";
+}
+.icon-list22:before {
+    content: "\eb79";
+}
+.icon-tree2:before {
+    content: "\eb7a";
+}
+.icon-menu2:before {
+    content: "\eb7b";
+}
+.icon-menu22:before {
+    content: "\eb7c";
+}
+.icon-menu3:before {
+    content: "\eb7d";
+}
+.icon-menu4:before {
+    content: "\eb7e";
+}
+.icon-cloud4:before {
+    content: "\eb7f";
+}
+.icon-cloud-download:before {
+    content: "\eb80";
+}
+.icon-cloud-upload:before {
+    content: "\eb81";
+}
+.icon-cloud-check:before {
+    content: "\eb82";
+}
+.icon-download22:before {
+    content: "\eb83";
+}
+.icon-upload22:before {
+    content: "\eb84";
+}
+.icon-download32:before {
+    content: "\eb85";
+}
+.icon-upload32:before {
+    content: "\eb86";
+}
+.icon-sphere:before {
+    content: "\eb87";
+}
+.icon-earth:before {
+    content: "\eb88";
+}
+.icon-link2:before {
+    content: "\eb89";
+}
+.icon-flag4:before {
+    content: "\eb8a";
+}
+.icon-attachment3:before {
+    content: "\eb8b";
+}
+.icon-eye3:before {
+    content: "\eb8c";
+}
+.icon-eye-plus:before {
+    content: "\eb8d";
+}
+.icon-eye-minus:before {
+    content: "\eb8e";
+}
+.icon-eye-blocked:before {
+    content: "\eb8f";
+}
+.icon-bookmark3:before {
+    content: "\eb90";
+}
+.icon-bookmarks2:before {
+    content: "\eb91";
+}
+.icon-sun2:before {
+    content: "\eb92";
+}
+.icon-contrast:before {
+    content: "\eb93";
+}
+.icon-brightness-contrast:before {
+    content: "\eb94";
+}
+.icon-star-empty:before {
+    content: "\eb95";
+}
+.icon-star-half:before {
+    content: "\eb96";
+}
+.icon-star-full:before {
+    content: "\eb97";
+}
+.icon-heart4:before {
+    content: "\eb98";
+}
+.icon-heart-broken:before {
+    content: "\eb99";
+}
+.icon-man2:before {
+    content: "\eb9a";
+}
+.icon-woman:before {
+    content: "\eb9b";
+}
+.icon-man-woman:before {
+    content: "\eb9c";
+}
+.icon-happy2:before {
+    content: "\eb9d";
+}
+.icon-happy22:before {
+    content: "\eb9e";
+}
+.icon-smile:before {
+    content: "\eb9f";
+}
+.icon-smile2:before {
+    content: "\eba0";
+}
+.icon-tongue:before {
+    content: "\eba1";
+}
+.icon-tongue2:before {
+    content: "\eba2";
+}
+.icon-sad2:before {
+    content: "\eba3";
+}
+.icon-sad22:before {
+    content: "\eba4";
+}
+.icon-wink:before {
+    content: "\eba5";
+}
+.icon-wink2:before {
+    content: "\eba6";
+}
+.icon-grin:before {
+    content: "\eba7";
+}
+.icon-grin2:before {
+    content: "\eba8";
+}
+.icon-cool:before {
+    content: "\eba9";
+}
+.icon-cool2:before {
+    content: "\ebaa";
+}
+.icon-angry:before {
+    content: "\ebab";
+}
+.icon-angry2:before {
+    content: "\ebac";
+}
+.icon-evil:before {
+    content: "\ebad";
+}
+.icon-evil2:before {
+    content: "\ebae";
+}
+.icon-shocked:before {
+    content: "\ebaf";
+}
+.icon-shocked2:before {
+    content: "\ebb0";
+}
+.icon-baffled:before {
+    content: "\ebb1";
+}
+.icon-baffled2:before {
+    content: "\ebb2";
+}
+.icon-confused:before {
+    content: "\ebb3";
+}
+.icon-confused2:before {
+    content: "\ebb4";
+}
+.icon-neutral:before {
+    content: "\ebb5";
+}
+.icon-neutral2:before {
+    content: "\ebb6";
+}
+.icon-hipster:before {
+    content: "\ebb7";
+}
+.icon-hipster2:before {
+    content: "\ebb8";
+}
+.icon-wondering:before {
+    content: "\ebb9";
+}
+.icon-wondering2:before {
+    content: "\ebba";
+}
+.icon-sleepy:before {
+    content: "\ebbb";
+}
+.icon-sleepy2:before {
+    content: "\ebbc";
+}
+.icon-frustrated:before {
+    content: "\ebbd";
+}
+.icon-frustrated2:before {
+    content: "\ebbe";
+}
+.icon-crying:before {
+    content: "\ebbf";
+}
+.icon-crying2:before {
+    content: "\ebc0";
+}
+.icon-point-up:before {
+    content: "\ebc1";
+}
+.icon-point-right:before {
+    content: "\ebc2";
+}
+.icon-point-down:before {
+    content: "\ebc3";
+}
+.icon-point-left:before {
+    content: "\ebc4";
+}
+.icon-warning2:before {
+    content: "\ebc5";
+}
+.icon-notification2:before {
+    content: "\ebc6";
+}
+.icon-question:before {
+    content: "\ebc7";
+}
+.icon-plus3:before {
+    content: "\ebc8";
+}
+.icon-minus2:before {
+    content: "\ebc9";
+}
+.icon-info2:before {
+    content: "\ebca";
+}
+.icon-cancel-circle:before {
+    content: "\ebcb";
+}
+.icon-blocked:before {
+    content: "\ebcc";
+}
+.icon-cross3:before {
+    content: "\ebcd";
+}
+.icon-checkmark:before {
+    content: "\ebce";
+}
+.icon-checkmark2:before {
+    content: "\ebcf";
+}
+.icon-spell-check:before {
+    content: "\ebd0";
+}
+.icon-enter:before {
+    content: "\ebd1";
+}
+.icon-exit:before {
+    content: "\ebd2";
+}
+.icon-play22:before {
+    content: "\ebd3";
+}
+.icon-pause:before {
+    content: "\ebd4";
+}
+.icon-stop:before {
+    content: "\ebd5";
+}
+.icon-previous:before {
+    content: "\ebd6";
+}
+.icon-next2:before {
+    content: "\ebd7";
+}
+.icon-backward:before {
+    content: "\ebd8";
+}
+.icon-forward22:before {
+    content: "\ebd9";
+}
+.icon-play3:before {
+    content: "\ebda";
+}
+.icon-pause2:before {
+    content: "\ebdb";
+}
+.icon-stop2:before {
+    content: "\ebdc";
+}
+.icon-backward2:before {
+    content: "\ebdd";
+}
+.icon-forward32:before {
+    content: "\ebde";
+}
+.icon-first:before {
+    content: "\ebdf";
+}
+.icon-last:before {
+    content: "\ebe0";
+}
+.icon-previous2:before {
+    content: "\ebe1";
+}
+.icon-next22:before {
+    content: "\ebe2";
+}
+.icon-eject:before {
+    content: "\ebe3";
+}
+.icon-volume-high:before {
+    content: "\ebe4";
+}
+.icon-volume-medium:before {
+    content: "\ebe5";
+}
+.icon-volume-low:before {
+    content: "\ebe6";
+}
+.icon-volume-mute:before {
+    content: "\ebe7";
+}
+.icon-volume-mute2:before {
+    content: "\ebe8";
+}
+.icon-volume-increase:before {
+    content: "\ebe9";
+}
+.icon-volume-decrease:before {
+    content: "\ebea";
+}
+.icon-loop2:before {
+    content: "\ebeb";
+}
+.icon-loop22:before {
+    content: "\ebec";
+}
+.icon-infinite:before {
+    content: "\ebed";
+}
+.icon-shuffle2:before {
+    content: "\ebee";
+}
+.icon-arrow-up-left:before {
+    content: "\ebef";
+}
+.icon-arrow-up2:before {
+    content: "\ebf0";
+}
+.icon-arrow-up-right:before {
+    content: "\ebf1";
+}
+.icon-arrow-right2:before {
+    content: "\ebf2";
+}
+.icon-arrow-down-right:before {
+    content: "\ebf3";
+}
+.icon-arrow-down2:before {
+    content: "\ebf4";
+}
+.icon-arrow-down-left:before {
+    content: "\ebf5";
+}
+.icon-arrow-left2:before {
+    content: "\ebf6";
+}
+.icon-arrow-up-left2:before {
+    content: "\ebf7";
+}
+.icon-arrow-up22:before {
+    content: "\ebf8";
+}
+.icon-arrow-up-right2:before {
+    content: "\ebf9";
+}
+.icon-arrow-right22:before {
+    content: "\ebfa";
+}
+.icon-arrow-down-right2:before {
+    content: "\ebfb";
+}
+.icon-arrow-down22:before {
+    content: "\ebfc";
+}
+.icon-arrow-down-left2:before {
+    content: "\ebfd";
+}
+.icon-arrow-left22:before {
+    content: "\ebfe";
+}
+.icon-circle-up:before {
+    content: "\e900";
+}
+.icon-circle-right:before {
+    content: "\ebff";
+}
+.icon-circle-down:before {
+    content: "\ec00";
+}
+.icon-circle-left:before {
+    content: "\ec01";
+}
+.icon-tab:before {
+    content: "\ec02";
+}
+.icon-move-up:before {
+    content: "\ec03";
+}
+.icon-move-down:before {
+    content: "\ec04";
+}
+.icon-sort-alpha-asc:before {
+    content: "\ec05";
+}
+.icon-sort-alpha-desc:before {
+    content: "\ec06";
+}
+.icon-sort-numeric-asc:before {
+    content: "\ec07";
+}
+.icon-sort-numberic-desc:before {
+    content: "\ec08";
+}
+.icon-sort-amount-asc:before {
+    content: "\ec09";
+}
+.icon-sort-amount-desc:before {
+    content: "\ec0a";
+}
+.icon-command:before {
+    content: "\ec0b";
+}
+.icon-shift:before {
+    content: "\ec0c";
+}
+.icon-ctrl:before {
+    content: "\ec0d";
+}
+.icon-opt:before {
+    content: "\ec0e";
+}
+.icon-checkbox-checked:before {
+    content: "\ec0f";
+}
+.icon-checkbox-unchecked:before {
+    content: "\ec10";
+}
+.icon-radio-checked:before {
+    content: "\ec11";
+}
+.icon-radio-checked2:before {
+    content: "\ec12";
+}
+.icon-radio-unchecked:before {
+    content: "\ec13";
+}
+.icon-crop:before {
+    content: "\ec14";
+}
+.icon-make-group:before {
+    content: "\ec15";
+}
+.icon-ungroup:before {
+    content: "\ec16";
+}
+.icon-scissors3:before {
+    content: "\ec17";
+}
+.icon-filter:before {
+    content: "\ec18";
+}
+.icon-font:before {
+    content: "\ec19";
+}
+.icon-ligature:before {
+    content: "\ec1a";
+}
+.icon-ligature2:before {
+    content: "\ec1b";
+}
+.icon-text-height:before {
+    content: "\ec1c";
+}
+.icon-text-width:before {
+    content: "\ec1d";
+}
+.icon-font-size:before {
+    content: "\ec1e";
+}
+.icon-bold:before {
+    content: "\ec1f";
+}
+.icon-underline:before {
+    content: "\ec20";
+}
+.icon-italic:before {
+    content: "\ec21";
+}
+.icon-strikethrough:before {
+    content: "\ec22";
+}
+.icon-omega:before {
+    content: "\ec23";
+}
+.icon-sigma:before {
+    content: "\ec24";
+}
+.icon-page-break:before {
+    content: "\ec25";
+}
+.icon-superscript:before {
+    content: "\ec26";
+}
+.icon-subscript:before {
+    content: "\ec27";
+}
+.icon-superscript2:before {
+    content: "\ec28";
+}
+.icon-subscript2:before {
+    content: "\ec29";
+}
+.icon-text-color:before {
+    content: "\ec2a";
+}
+.icon-pagebreak:before {
+    content: "\ec2b";
+}
+.icon-clear-formatting:before {
+    content: "\ec2c";
+}
+.icon-table:before {
+    content: "\ec2d";
+}
+.icon-table2:before {
+    content: "\ec2e";
+}
+.icon-insert-template:before {
+    content: "\ec2f";
+}
+.icon-pilcrow:before {
+    content: "\ec30";
+}
+.icon-ltr:before {
+    content: "\ec31";
+}
+.icon-rtl:before {
+    content: "\ec32";
+}
+.icon-section:before {
+    content: "\ec33";
+}
+.icon-paragraph-left:before {
+    content: "\ec34";
+}
+.icon-paragraph-center:before {
+    content: "\ec35";
+}
+.icon-paragraph-right:before {
+    content: "\ec36";
+}
+.icon-paragraph-justify:before {
+    content: "\ec37";
+}
+.icon-indent-increase:before {
+    content: "\ec38";
+}
+.icon-indent-decrease:before {
+    content: "\ec39";
+}
+.icon-share2:before {
+    content: "\ec3a";
+}
+.icon-new-tab:before {
+    content: "\ec3b";
+}
+.icon-embed:before {
+    content: "\ec3c";
+}
+.icon-embed2:before {
+    content: "\ec3d";
+}
+.icon-terminal:before {
+    content: "\ec3e";
+}
+.icon-share22:before {
+    content: "\ec3f";
+}
+.icon-mail2:before {
+    content: "\ec40";
+}
+.icon-mail22:before {
+    content: "\ec41";
+}
+.icon-mail3:before {
+    content: "\ec42";
+}
+.icon-mail4:before {
+    content: "\ec43";
+}
+.icon-amazon:before {
+    content: "\ec44";
+}
+.icon-google2:before {
+    content: "\ec45";
+}
+.icon-google22:before {
+    content: "\ec46";
+}
+.icon-google3:before {
+    content: "\ec47";
+}
+.icon-google-plus:before {
+    content: "\ec48";
+}
+.icon-google-plus2:before {
+    content: "\ec49";
+}
+.icon-google-plus3:before {
+    content: "\ec4a";
+}
+.icon-hangouts:before {
+    content: "\ec4b";
+}
+.icon-google-drive2:before {
+    content: "\ec4c";
+}
+.icon-facebook3:before {
+    content: "\ec4d";
+}
+.icon-facebook22:before {
+    content: "\ec4e";
+}
+.icon-instagram2:before {
+    content: "\ec4f";
+}
+.icon-whatsapp:before {
+    content: "\ec50";
+}
+.icon-spotify2:before {
+    content: "\ec51";
+}
+.icon-telegram:before {
+    content: "\ec52";
+}
+.icon-twitter3:before {
+    content: "\ec53";
+}
+.icon-vine2:before {
+    content: "\ec54";
+}
+.icon-vk2:before {
+    content: "\ec55";
+}
+.icon-renren2:before {
+    content: "\ec56";
+}
+.icon-sina-weibo2:before {
+    content: "\ec57";
+}
+.icon-rss3:before {
+    content: "\ec58";
+}
+.icon-rss22:before {
+    content: "\ec59";
+}
+.icon-youtube2:before {
+    content: "\ec5a";
+}
+.icon-youtube22:before {
+    content: "\ec5b";
+}
+.icon-twitch:before {
+    content: "\ec5c";
+}
+.icon-vimeo2:before {
+    content: "\ec5d";
+}
+.icon-vimeo22:before {
+    content: "\ec5e";
+}
+.icon-lanyrd:before {
+    content: "\ec5f";
+}
+.icon-flickr2:before {
+    content: "\ec60";
+}
+.icon-flickr22:before {
+    content: "\ec61";
+}
+.icon-flickr3:before {
+    content: "\ec62";
+}
+.icon-flickr4:before {
+    content: "\ec63";
+}
+.icon-dribbble3:before {
+    content: "\ec64";
+}
+.icon-behance2:before {
+    content: "\ec65";
+}
+.icon-behance22:before {
+    content: "\ec66";
+}
+.icon-deviantart:before {
+    content: "\ec67";
+}
+.icon-500px2:before {
+    content: "\ec68";
+}
+.icon-steam:before {
+    content: "\ec69";
+}
+.icon-steam2:before {
+    content: "\ec6a";
+}
+.icon-dropbox2:before {
+    content: "\ec6b";
+}
+.icon-onedrive2:before {
+    content: "\ec6c";
+}
+.icon-github2:before {
+    content: "\ec6d";
+}
+.icon-npm:before {
+    content: "\ec6e";
+}
+.icon-basecamp2:before {
+    content: "\ec6f";
+}
+.icon-trello:before {
+    content: "\ec70";
+}
+.icon-wordpress:before {
+    content: "\ec71";
+}
+.icon-joomla:before {
+    content: "\ec72";
+}
+.icon-ello:before {
+    content: "\ec73";
+}
+.icon-blogger:before {
+    content: "\ec74";
+}
+.icon-blogger2:before {
+    content: "\ec75";
+}
+.icon-tumblr3:before {
+    content: "\ec76";
+}
+.icon-tumblr22:before {
+    content: "\ec77";
+}
+.icon-yahoo:before {
+    content: "\ec78";
+}
+.icon-yahoo2:before {
+    content: "\ec79";
+}
+.icon-tux:before {
+    content: "\ec7a";
+}
+.icon-appleinc:before {
+    content: "\ec7b";
+}
+.icon-finder:before {
+    content: "\ec7c";
+}
+.icon-android:before {
+    content: "\ec7d";
+}
+.icon-windows2:before {
+    content: "\ec7e";
+}
+.icon-windows8:before {
+    content: "\ec7f";
+}
+.icon-soundcloud2:before {
+    content: "\ec80";
+}
+.icon-soundcloud22:before {
+    content: "\ec81";
+}
+.icon-skype2:before {
+    content: "\ec82";
+}
+.icon-reddit:before {
+    content: "\ec83";
+}
+.icon-hackernews:before {
+    content: "\ec84";
+}
+.icon-wikipedia:before {
+    content: "\ec85";
+}
+.icon-linkedin3:before {
+    content: "\ec86";
+}
+.icon-linkedin22:before {
+    content: "\ec87";
+}
+.icon-lastfm2:before {
+    content: "\ec88";
+}
+.icon-lastfm22:before {
+    content: "\ec89";
+}
+.icon-delicious:before {
+    content: "\ec8a";
+}
+.icon-stumbleupon2:before {
+    content: "\ec8b";
+}
+.icon-stumbleupon22:before {
+    content: "\ec8c";
+}
+.icon-stackoverflow:before {
+    content: "\ec8d";
+}
+.icon-pinterest2:before {
+    content: "\ec8e";
+}
+.icon-pinterest22:before {
+    content: "\ec8f";
+}
+.icon-xing2:before {
+    content: "\ec90";
+}
+.icon-xing22:before {
+    content: "\ec91";
+}
+.icon-flattr2:before {
+    content: "\ec92";
+}
+.icon-foursquare2:before {
+    content: "\ec93";
+}
+.icon-yelp2:before {
+    content: "\ec94";
+}
+.icon-paypal2:before {
+    content: "\ec95";
+}
+.icon-chrome:before {
+    content: "\ec96";
+}
+.icon-firefox:before {
+    content: "\ec97";
+}
+.icon-IE:before {
+    content: "\ec98";
+}
+.icon-edge:before {
+    content: "\ec99";
+}
+.icon-safari:before {
+    content: "\ec9a";
+}
+.icon-opera:before {
+    content: "\ec9b";
+}
+.icon-file-pdf:before {
+    content: "\ec9c";
+}
+.icon-file-openoffice:before {
+    content: "\ec9d";
+}
+.icon-file-word:before {
+    content: "\ec9e";
+}
+.icon-file-excel:before {
+    content: "\ec9f";
+}
+.icon-libreoffice:before {
+    content: "\eca0";
+}
+.icon-html-five:before {
+    content: "\eca1";
+}
+.icon-html-five2:before {
+    content: "\eca2";
+}
+.icon-css3:before {
+    content: "\eca3";
+}
+.icon-git:before {
+    content: "\eca4";
+}
+.icon-codepen:before {
+    content: "\eca5";
+}
+.icon-svg:before {
+    content: "\eca6";
+}
+.icon-IcoMoon:before {
+    content: "\eca7";
+}
+

css/style.css

+@font-face {
+  font-family: 'icomoon';
+  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
+  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+/* =======================================================
+*
+* 	Template Style 
+*	Edit this section
+*
+* ======================================================= */
+body
+.bd-placeholder-img {
+  font-size: 1.125rem;
+  text-anchor: middle;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+@media (min-width: 768px) {
+  .bd-placeholder-img-lg {
+    font-size: 3.5rem;
+  }
+
+body.fh5co-offcanvas {
+  overflow: hidden;
+}
+
+a {
+  color: #ef6249;
+  -webkit-transition: 0.5s;
+  -o-transition: 0.5s;
+  transition: 0.5s;
+}
+a:hover {
+  text-decoration: none !important;
+  color: #ef6249 !important;
+}
+
+p, ul, ol {
+  margin-bottom: 1.5em;
+  font-size: 16px;
+  color: #848484;
+  font-family: "Open Sans", Arial, sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #5a5a5a;
+  font-family: "Open Sans", Arial, sans-serif;
+  font-weight: 400;
+  margin: 0 0 30px 0;
+}
+
+figure {
+  margin-bottom: 2em;
+}
+
+::-webkit-selection {
+  color: #fcfcfc;
+  background: #ef6249;
+}
+
+::-moz-selection {
+  color: #fcfcfc;
+  background: #ef6249;
+}
+
+::selection {
+  color: #fcfcfc;
+  background: #ef6249;
+}
+
+#fh5co-header {
+  position: relative;
+  margin-bottom: 0;
+  z-index: 9999999;
+}
+
+.fh5co-cover,
+.fh5co-hero {
+  position: relative;
+  height: 800px;
+}
+@media screen and (max-width: 768px) {
+  .fh5co-cover,
+  .fh5co-hero {
+    height: 700px;
+  }
+}
+.fh5co-cover.fh5co-hero-2,
+.fh5co-hero.fh5co-hero-2 {
+  height: 600px;
+}
+.fh5co-cover.fh5co-hero-2 .fh5co-overlay,
+.fh5co-hero.fh5co-hero-2 .fh5co-overlay {
+  position: absolute !important;
+  width: 100%;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 1;
+  background: rgba(41, 34, 43, 0.5);
+}
+
+.fh5co-overlay {
+  position: absolute !important;
+  width: 100%;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 1;
+  background: rgba(41, 34, 43, 0.5);
+}
+
+.fh5co-cover {
+  background-size: cover;
+  position: relative;
+}
+@media screen and (max-width: 768px) {
+  .fh5co-cover {
+    heifght: inherit;
+    padding: 3em 0;
+  }
+}
+.fh5co-cover.fh5co-cover_2 {
+  height: 600px;
+}
+@media screen and (max-width: 768px) {
+  .fh5co-cover.fh5co-cover_2 {
+    heifght: inherit;
+    padding: 3em 0;
+  }
+}
+.fh5co-cover .desc {
+  top: 50%;
+  position: absolute;
+  width: 100%;
+  margin-top: -80px;
+  z-index: 2;
+  color: #fff;
+}
+@media screen and (max-width: 768px) {
+  .fh5co-cover .desc {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}
+.fh5co-cover .desc h2 {
+  color: #fff;
+  text-transform: uppercase;
+  font-size: 60px;
+  margin-bottom: 10px;
+  font-weight: 300 !important;
+}
+.fh5co-cover .desc h2 strong {
+  font-weight: 700;
+}
+@media screen and (max-width: 768px) {
+  .fh5co-cover .desc h2 {
+    font-size: 40px;
+  }
+}
+.fh5co-cover .desc span {
+  display: block;
+  margin-bottom: 30px;
+  font-size: 28px;
+  letter-spacing: 1px;
+}
+.fh5co-cover .desc span a {
+  color: #fff;
+}
+.fh5co-cover .desc span a:hover, .fh5co-cover .desc span a:focus {
+  color: #fff !important;
+}
+.fh5co-cover .desc span a:hover.btn, .fh5co-cover .desc span a:focus.btn {
+  border: 2px solid #fff !important;
+  background: transparent !important;
+}
+.fh5co-cover .desc span a.fh5co-site-name {
+  padding-bottom: 2px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
+}
+.fh5co-cover .desc .btn {
+  border: none;
+}
+.fh5co-cover .desc .btn.btn-video {
+  background: rgba(0, 0, 0, 0.4);
+  border: none;
+}
+.fh5co-cover .desc .btn.btn-video:hover, .fh5co-cover .desc .btn.btn-video:focus {
+  background: rgba(0, 0, 0, 0.9) !important;
+  color: #fff !important;
+}
+.fh5co-cover .desc .btn:hover, .fh5co-cover .desc .btn:focus {
+  color: #fff !important;
+}
+.fh5co-cover .desc .btn.btn-learn {
+  background: rgba(239, 98, 73, 0.7);
+  border: none;
+}
+.fh5co-cover .desc .btn.btn-learn:hover, .fh5co-cover .desc .btn.btn-learn:focus {
+  background: rgba(239, 98, 73, 0.9) !important;
+  color: #fff !important;
+}
+
+/* Superfish Override Menu */
+.sf-menu {
+  margin: 0 !important;
+  margin-top: 10px !important;
+}
+
+.sf-menu {
+  float: right;
+}
+
+.sf-menu ul {
+  box-shadow: none;
+  border: transparent;
+  min-width: 10em;
+  *width: 10em;
+}
+
+.sf-menu a {
+  color: rgba(255, 255, 255, 0.5);
+  padding: 0.75em 1em !important;
+  font-weight: normal;
+  border-left: none;
+  border-top: none;
+  border-top: none;
+  text-decoration: none;
+  zoom: 1;
+  font-size: 14px;
+  border-bottom: none !important;
+}
+.sf-menu a:hover, .sf-menu a:focus {
+  color: #fff !important;
+}
+
+.sf-menu li.active a:hover, .sf-menu li.active a:focus {
+  color: #fff;
+}
+
+.sf-menu li,
+.sf-menu ul li,
+.sf-menu ul ul li,
+.sf-menu li:hover,
+.sf-menu li.sfHover {
+  background: transparent;
+}
+
+.sf-menu ul li a,
+.sf-menu ul ul li a {
+  text-transform: none;
+  padding: 0.2em 1em !important;
+  letter-spacing: 1px;
+  font-size: 14px !important;
+}
+
+.sf-menu li:hover a,
+.sf-menu li.sfHover a,
+.sf-menu ul li:hover a,
+.sf-menu ul li.sfHover a,
+.sf-menu li.active a {
+  color: #fff;
+}
+
+.sf-menu ul li:hover,
+.sf-menu ul li.sfHover {
+  background: transparent;
+}
+
+.sf-menu ul li {
+  background: transparent;
+}
+
+.sf-arrows .sf-with-ul {
+  padding-right: 2.5em;
+  *padding-right: 1em;
+}
+
+.sf-arrows .sf-with-ul:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: 1em;
+  margin-top: -3px;
+  height: 0;
+  width: 0;
+  border: 5px solid transparent;
+  border-top-color: #ccc;
+}
+
+.sf-arrows > li > .sf-with-ul:focus:after,
+.sf-arrows > li:hover > .sf-with-ul:after,
+.sf-arrows > .sfHover > .sf-with-ul:after {
+  border-top-color: #ccc;
+}
+
+.sf-arrows ul .sf-with-ul:after {
+  margin-top: -5px;
+  margin-right: -3px;
+  border-color: transparent;
+  border-left-color: #ccc;
+}
+
+.sf-arrows ul li > .sf-with-ul:focus:after,
+.sf-arrows ul li:hover > .sf-with-ul:after,
+.sf-arrows ul .sfHover > .sf-with-ul:after {
+  border-left-color: #ccc;
+}
+
+#fh5co-header-section {
+  padding: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 2;
+}
+
+.nav-header {
+  position: relative;
+  float: left;
+  width: 100%;
+}
+
+#fh5co-logo {
+  position: relative;
+  z-index: 2;
+  font-size: 22px;
+  text-transform: uppercase;
+  margin-top: 35px;
+  font-weight: 700;
+  float: left;
+}
+#fh5co-logo span {
+  font-weight: 700;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-logo {
+    width: 100%;
+    float: none;
+    text-align: center;
+  }
+}
+#fh5co-logo a {
+  color: #fff;
+}
+#fh5co-logo a:hover, #fh5co-logo a:focus {
+  color: #fff !important;
+}
+
+#fh5co-menu-wrap {
+  position: relative;
+  z-index: 2;
+  display: block;
+  float: right;
+  margin-top: 15px;
+}
+#fh5co-menu-wrap .sf-menu a {
+  padding: 1em .75em;
+}
+
+#fh5co-primary-menu > li > ul li.active > a {
+  color: #ef6249 !important;
+}
+#fh5co-primary-menu > li > .sf-with-ul:after {
+  border: none !important;
+  font-family: 'icomoon';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: absolute;
+  float: right;
+  margin-right: -5px;
+  top: 50%;
+  margin-top: -7px;
+  content: "\e922";
+  color: rgba(255, 255, 255, 0.5);
+}
+#fh5co-primary-menu > li > ul li {
+  position: relative;
+}
+#fh5co-primary-menu > li > ul li > .sf-with-ul:after {
+  border: none !important;
+  font-family: 'icomoon';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: absolute;
+  float: right;
+  margin-right: 10px;
+  top: 20px;
+  font-size: 16px;
+  content: "\e924";
+  color: rgba(0, 0, 0, 0.5);
+}
+
+#fh5co-primary-menu .fh5co-sub-menu {
+  padding: 10px 7px 10px;
+  background: #fff;
+  left: 0;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
+  -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
+  -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
+}
+#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu {
+  left: 100%;
+}
+
+#fh5co-primary-menu .fh5co-sub-menu:before {
+  position: absolute;
+  top: -9px;
+  left: 20px;
+  width: 0;
+  height: 0;
+  content: '';
+}
+
+#fh5co-primary-menu .fh5co-sub-menu:after {
+  position: absolute;
+  top: -8px;
+  left: 21px;
+  width: 0;
+  height: 0;
+  border-right: 8px solid transparent;
+  border-bottom: 8px solid #fff;
+  border-bottom: 8px solid white;
+  border-left: 8px solid transparent;
+  content: '';
+}
+
+#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {
+  top: 6px;
+  left: 100%;
+}
+
+#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {
+  top: 7px;
+  right: 100%;
+  border: none !important;
+}
+
+.site-header.has-image #primary-menu .sub-menu {
+  border-color: #ebebeb;
+  -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
+  -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
+  -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
+  -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
+  box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
+}
+.site-header.has-image #primary-menu .sub-menu:before {
+  display: none;
+}
+
+#fh5co-primary-menu .fh5co-sub-menu a {
+  letter-spacing: 0;
+  padding: 0 15px;
+  font-size: 18px;
+  line-height: 34px;
+  color: #575757 !important;
+  text-transform: none;
+  background: none;
+}
+#fh5co-primary-menu .fh5co-sub-menu a:hover {
+  color: #ef6249 !important;
+}
+
+#fh5co-work-section,
+#fh5co-services-section,
+#fh5co-content-section,
+#fh5co-work-section_2,
+#fh5co-blog-section,
+#fh5co-features {
+  padding: 7em 0;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-work-section,
+  #fh5co-services-section,
+  #fh5co-content-section,
+  #fh5co-work-section_2,
+  #fh5co-blog-section,
+  #fh5co-features {
+    padding: 4em 0;
+  }
+}
+
+.fh5co-section-gray {
+  background: rgba(0, 0, 0, 0.04);
+}
+
+.heading-section {
+  padding-bottom: 1em;
+  margin-bottom: 5em;
+}
+.heading-section:after {
+  position: absolute;
+  content: '';
+  bottom: 0;
+  left: 50%;
+  width: 100px;
+  margin-left: -50px;
+  height: 1px;
+  background: #ef6249;
+}
+.heading-section h3 {
+  font-size: 40px;
+  font-weight: 300;
+  position: relative;
+}
+.heading-section p {
+  font-size: 20px;
+}
+
+.services {
+  padding: 40px 20px 20px 20px;
+  margin-bottom: 30px;
+}
+.services span {
+  margin-bottom: 30px;
+  width: 80px;
+  height: 80px;
+  border: 1px solid #ef6249;
+  display: table;
+  margin: 0 auto;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  -ms-border-radius: 50%;
+  border-radius: 50%;
+  margin-bottom: 20px;
+}
+.services span i {
+  font-size: 30px;
+  color: #ef6249 !important;
+  display: table-cell;
+  vertical-align: middle;
+  height: 80px;
+}
+.services h3 {
+  font-size: 20px;
+  font-weight: 400;
+}
+
+.feature-left {
+  float: left;
+  width: 100%;
+  margin-bottom: 30px;
+  position: relative;
+}
+.feature-left .icon {
+  float: left;
+  text-align: center;
+  width: 15%;
+}
+@media screen and (max-width: 992px) {
+  .feature-left .icon {
+    width: 10%;
+  }
+}
+@media screen and (max-width: 768px) {
+  .feature-left .icon {
+    width: 15%;
+  }
+}
+.feature-left .icon i {
+  display: table-cell;
+  vertical-align: middle;
+  font-size: 40px;
+  color: #ef6249;
+}
+.feature-left .feature-copy {
+  float: right;
+  width: 80%;
+}
+@media screen and (max-width: 992px) {
+  .feature-left .feature-copy {
+    width: 90%;
+  }
+}
+@media screen and (max-width: 768px) {
+  .feature-left .feature-copy {
+    width: 85%;
+  }
+}
+@media screen and (max-width: 480px) {
+  .feature-left .feature-copy {
+    width: 80%;
+  }
+}
+.feature-left .feature-copy h3 {
+  font-size: 18px;
+  color: #1a1a1a;
+  margin-bottom: 10px;
+}
+.feature-left .feature-copy p {
+  font-size: 16px;
+  line-height: 1.8;
+}
+
+#fh5co-portfolio {
+  padding: 7em 0;
+  min-height: 500px;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-portfolio {
+    padding: 3em 0;
+  }
+}
+
+#fh5co-portfolio-list {
+  flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -moz-flex-wrap: wrap;
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  position: relative;
+  float: left;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+}
+#fh5co-portfolio-list li {
+  display: block;
+  padding: 0;
+  margin: 0 0 10px 1%;
+  list-style: none;
+  min-height: 400px;
+  background-position: center center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  float: left;
+  clear: left;
+  position: relative;
+}
+@media screen and (max-width: 480px) {
+  #fh5co-portfolio-list li {
+    margin-left: 0;
+  }
+}
+#fh5co-portfolio-list li a {
+  min-height: 400px;
+  padding: 2em;
+  position: relative;
+  width: 100%;
+  display: block;
+}
+#fh5co-portfolio-list li a:before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  content: "";
+  z-index: 80;
+  -webkit-transition: 0.5s;
+  -o-transition: 0.5s;
+  transition: 0.5s;
+  background: transparent;
+}
+#fh5co-portfolio-list li a:hover:before {
+  background: rgba(0, 0, 0, 0.5);
+}
+#fh5co-portfolio-list li a .case-studies-summary {
+  width: auto;
+  bottom: 2em;
+  left: 2em;
+  right: 2em;
+  position: absolute;
+  z-index: 100;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-portfolio-list li a .case-studies-summary {
+    bottom: 1em;
+    left: 1em;
+    right: 1em;
+  }
+}
+#fh5co-portfolio-list li a .case-studies-summary span {
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  font-size: 13px;
+  color: rgba(255, 255, 255, 0.7);
+}
+#fh5co-portfolio-list li a .case-studies-summary h2 {
+  color: #fff;
+  margin-bottom: 0;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-portfolio-list li a .case-studies-summary h2 {
+    font-size: 20px;
+  }
+}
+#fh5co-portfolio-list li.one-third {
+  width: 32.3%;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-portfolio-list li.one-third {
+    width: 49%;
+  }
+}
+@media screen and (max-width: 480px) {
+  #fh5co-portfolio-list li.one-third {
+    width: 100%;
+  }
+}
+#fh5co-portfolio-list li.one-half {
+  width: 49%;
+}
+@media screen and (max-width: 480px) {
+  #fh5co-portfolio-list li.one-half {
+    width: 100%;
+  }
+}
+
+#fh5co-partner {
+  margin-top: -3em;
+  float: left;
+  width: 100%;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-partner {
+    margin-top: 0;
+  }
+}
+#fh5co-partner .partner-wrap {
+  position: relative;
+  z-index: 100;
+  float: left;
+  width: 100%;
+}
+#fh5co-partner .wrap {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 30px 0;
+  background: #fff;
+  -webkit-box-shadow: 0px 9px 25px -8px rgba(0, 0, 0, 0.38);
+  -moz-box-shadow: 0px 9px 25px -8px rgba(0, 0, 0, 0.38);
+  -ms-box-shadow: 0px 9px 25px -8px rgba(0, 0, 0, 0.38);
+  -o-box-shadow: 0px 9px 25px -8px rgba(0, 0, 0, 0.38);
+  box-shadow: 0px 9px 25px -8px rgba(0, 0, 0, 0.38);
+}
+#fh5co-partner .partner {
+  width: 20%;
+  float: left;
+}
+#fh5co-partner .partner .inner {
+  width: 50%;
+  margin: 0 auto;
+}
+
+#fh5co-features {
+  margin-top: -11em;
+  padding: 8em 0;
+  background: #f5f5f5;
+}
+@media screen and (max-width: 992px) {
+  #fh5co-features {
+    margin-top: 0;
+    padding: 7em 0;
+  }
+}
+#fh5co-features .feature-left {
+  margin-bottom: 0;
+}
+@media screen and (max-width: 992px) {
+  #fh5co-features .feature-left {
+    margin-bottom: 4em;
+  }
+}
+#fh5co-features .feature-left .icon i {
+  color: #b3b3b3;
+}
+#fh5co-features .feature-left .icon {
+  float: left;
+  text-align: center;
+  width: 15%;
+}
+@media screen and (max-width: 992px) {
+  #fh5co-features .feature-left .icon {
+    width: 10%;
+  }
+}
+@media screen and (max-width: 768px) {
+  #fh5co-features .feature-left .icon {
+    width: 15%;
+  }
+}
+#fh5co-features .feature-left .feature-copy {
+  float: right;
+  width: 80%;
+}
+@media screen and (max-width: 992px) {
+  #fh5co-features .feature-left .feature-copy {
+    width: 90%;
+  }
+}
+@media screen and (max-width: 768px) {
+  #fh5co-features .feature-left .feature-copy {
+    width: 85%;
+  }
+}
+@media screen and (max-width: 480px) {
+  #fh5co-features .feature-left .feature-copy {
+    width: 80%;
+  }
+}
+#fh5co-features .feature-left h3 {
+  text-transform: uppercase;
+  font-size: 14px;
+  font-weight: 700;
+}
+#fh5co-features .feature-left p {
+  font-size: 15px;
+}
+#fh5co-features .feature-left p:last-child {
+  margin-bottom: 0;
+}
+
+#fh5co-services, #fh5co-about, #fh5co-contact {
+  padding: 7em 0;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-services, #fh5co-about, #fh5co-contact {
+    padding: 4em 0;
+  }
+}
+
+#fh5co-work {
+  margin-top: -3.9em;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-work {
+    margin-top: 11em;
+  }
+}
+#fh5co-work .work {
+  width: 100%;
+  float: left;
+  margin-bottom: 7em;
+}
+#fh5co-work .work .half-inner {
+  background-size: cover;
+  background-position: center center;
+  position: relative;
+  height: 500px;
+  width: 135%;
+  -webkit-box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+  -ms-box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+  -o-box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+}
+@media screen and (max-width: 992px) {
+  #fh5co-work .work .half-inner {
+    width: 90%;
+    margin: 0 auto;
+  }
+}
+#fh5co-work .work .half-inner:before {
+  position: absolute;
+  top: -20px;
+  right: -20px;
+  width: 80%;
+  height: 540px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  content: '';
+  z-index: -1;
+  background: #fff;
+}
+#fh5co-work .work .half-inner.half-inner2 {
+  width: 100% !important;
+  height: 500px !important;
+}
+#fh5co-work .work .half-inner.half-inner2:before {
+  left: -20px;
+}
+@media screen and (max-width: 992px) {
+  #fh5co-work .work .half-inner.half-inner2 {
+    width: 90% !important;
+    margin: 0 auto;
+  }
+}
+#fh5co-work .work .desc {
+  width: 70%;
+  margin: 0 auto;
+  margin-top: 7em;
+}
+#fh5co-work .work .desc h3 a {
+  color: #000;
+}
+
+#fh5co-services .fh5co-number {
+  font-size: 30px;
+  color: #ef6249;
+  position: relative;
+  padding-top: 10px;
+  font-style: italic;
+  display: -moz-inline-stack;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+}
+#fh5co-services .fh5co-number:before {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 3px;
+  top: 0;
+  left: 0;
+  background: #ef6249;
+}
+#fh5co-services .fh5co-icon {
+  margin-bottom: 30px;
+  margin-top: 50px;
+  position: relative;
+  display: -moz-inline-stack;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-services .fh5co-icon {
+    margin-top: 0px;
+    float: none;
+  }
+}
+#fh5co-services .fh5co-icon i {
+  font-size: 200px;
+  color: #ef6249;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-services .fh5co-icon i {
+    font-size: 100px;
+  }
+}
+
+#fh5co-contact .contact-info {
+  margin: 0;
+  padding: 0;
+}
+#fh5co-contact .contact-info li {
+  list-style: none;
+  margin: 0 0 20px 0;
+  position: relative;
+  padding-left: 40px;
+}
+#fh5co-contact .contact-info li i {
+  position: absolute;
+  top: .3em;
+  left: 0;
+  font-size: 22px;
+  color: rgba(0, 0, 0, 0.3);
+}
+#fh5co-contact .contact-info li a {
+  font-weight: 400 !important;
+  color: rgba(0, 0, 0, 0.3);
+}
+#fh5co-contact .form-control {
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  -ms-box-shadow: none;
+  -o-box-shadow: none;
+  box-shadow: none;
+  border: none;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  font-size: 18px;
+  font-weight: 400;
+  -webkit-border-radius: 0px;
+  -moz-border-radius: 0px;
+  -ms-border-radius: 0px;
+  border-radius: 0px;
+}
+#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
+}
+#fh5co-contact input[type="text"] {
+  height: 50px;
+}
+#fh5co-contact .form-group {
+  margin-bottom: 30px;
+}
+
+.testimony {
+  width: 100%;
+  float: left;
+}
+.testimony figure {
+  width: 50px;
+  height: 50px;
+  float: left;
+  margin-left: 22px;
+}
+.testimony figure img {
+  width: 50px;
+  height: 50px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  -ms-border-radius: 50%;
+  border-radius: 50%;
+}
+.testimony blockquote {
+  border-left: none;
+  padding: 40px;
+  background: #fff;
+  -webkit-box-shadow: 5px 6px 7px -6px rgba(0, 0, 0, 0.22);
+  -moz-box-shadow: 5px 6px 7px -6px rgba(0, 0, 0, 0.22);
+  -ms-box-shadow: 5px 6px 7px -6px rgba(0, 0, 0, 0.22);
+  -o-box-shadow: 5px 6px 7px -6px rgba(0, 0, 0, 0.22);
+  box-shadow: 5px 6px 7px -6px rgba(0, 0, 0, 0.22);
+  position: relative;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -ms-border-radius: 4px;
+  border-radius: 4px;
+}
+.testimony blockquote:after {
+  content: '';
+  position: absolute;
+  border-style: solid;
+  border-width: 12px 12px 0 12px;
+  border-color: #fff transparent;
+  display: block;
+  width: 0;
+  z-index: 1;
+  bottom: -12px;
+  left: 10%;
+}
+.testimony .author {
+  margin-bottom: 0;
+  margin-left: 15px;
+  margin-top: 10px;
+  float: left;
+  font-size: 13px;
+  text-transform: uppercase;
+  font-weight: 400;
+}
+
+.fh5co-blog {
+  margin-bottom: 60px;
+}
+.fh5co-blog a img {
+  width: 100%;
+}
+@media screen and (max-width: 768px) {
+  .fh5co-blog {
+    width: 100%;
+  }
+}
+.fh5co-blog .blog-text {
+  margin-bottom: 30px;
+  position: relative;
+  background: #fff;
+  width: 100%;
+  padding: 30px;
+  float: right;
+  -webkit-box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+  -ms-box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+  -o-box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 6px 62px -6px rgba(0, 0, 0, 0.3);
+}
+.fh5co-blog .blog-text span {
+  display: inline-block;
+  margin-bottom: 20px;
+}
+.fh5co-blog .blog-text span.posted_by {
+  color: rgba(0, 0, 0, 0.3);
+  font-size: 18px;
+}
+.fh5co-blog .blog-text span.comment {
+  float: right;
+}
+.fh5co-blog .blog-text span.comment a {
+  color: rgba(0, 0, 0, 0.3);
+}
+.fh5co-blog .blog-text span.comment a i {
+  color: #ef6249;
+  padding-left: 7px;
+}
+.fh5co-blog .blog-text h3 {
+  font-size: 20px;
+  margin-bottom: 20px;
+  font-weight: 300;
+  line-height: 1.5;
+}
+.fh5co-blog .blog-text h3 a {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+#fh5co-start-project-section {
+  padding: 7em 0;
+  background: #F64E8B;
+}
+#fh5co-start-project-section h2 {
+  color: white;
+  font-size: 60px;
+  text-transform: uppercase;
+  font-weight: 300;
+}
+@media screen and (max-width: 768px) {
+  #fh5co-start-project-section h2 {
+    font-size: 30px;
+  }
+}
+#fh5co-start-project-section a:hover, #fh5co-start-project-section a:focus, #fh5co-start-project-section a:active {
+  color: white !important;
+}
+
+#map {
+  width: 100%;
+  height: 500px;
+  position: relative;
+}
+@media screen and (max-width: 768px) {
+  #map {
+    height: 200px;
+  }
+}
+
+.fh5co-social-icons > a {
+  padding: 4px 10px;
+  color: #ef6249;
+}
+.fh5co-social-icons > a i {
+  font-size: 26px;
+}
+.fh5co-social-icons > a:hover, .fh5co-social-icons > a:focus, .fh5co-social-icons > a:active {
+  text-decoration: none;
+  color: #5a5a5a;
+}
+
+#footer {
+  background: #2F3032;
+  padding: 6em 0 0 0;
+  width: 100%;
+  float: left;
+}
+@media screen and (max-width: 768px) {
+  #footer {
+    padding: 3em 0;
+  }
+}
+#footer h2, #footer h3, #footer h4 {
+  color: rgba(255, 255, 255, 0.8);
+  text-transform: uppercase;
+}
+#footer h3 {
+  font-size: 16px;
+}
+#footer [class*="col"] {
+  padding-bottom: 30px;
+}
+#footer .btn {
+  color: #fff;
+}
+#footer .float {
+  float: left;
+  margin-right: 10%;
+}
+#footer ul {
+  padding: 0;
+  margin: 0;
+}
+#footer ul li {
+  padding: 0;
+  margin: 0 0 10px 0;
+  list-style: none;
+}
+#footer ul li a {
+  color: rgba(255, 255, 255, 0.4);
+  text-decoration: none !important;
+}
+#footer ul li a:hover {
+  color: #fff;
+}
+#footer .fh5co-social li {
+  display: block !important;
+}
+#footer .fh5co-social li a {
+  font-size: 16px;
+}
+#footer .fh5co-social li i {
+  float: left;
+  font-size: 20px;
+  width: 40px;
+}
+#footer .fh5co-copyright {
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  margin-top: 40px !important;
+  padding: 3em;
+  width: 100%;
+  float: left;
+}
+#footer .fh5co-copyright span {
+  display: block;
+}
+#footer .fh5co-copyright span a {
+  color: rgba(255, 255, 255, 0.8);
+}
+@media screen and (max-width: 480px) {
+  #footer .fh5co-copyright {
+    text-align: left !important;
+  }
+  #footer .fh5co-copyright span {
+    display: inline;
+  }
+}
+
+.btn {
+  margin-right: 4px;
+  margin-bottom: 4px;
+  font-family: "Open Sans", Arial, sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  -webkit-border-radius: 30px;
+  -moz-border-radius: 30px;
+  -ms-border-radius: 30px;
+  border-radius: 30px;
+  -webkit-transition: 0.5s;
+  -o-transition: 0.5s;
+  transition: 0.5s;
+  padding: 8px 20px;
+}
+.btn.btn-md {
+  padding: 8px 20px !important;
+}
+.btn.btn-lg {
+  padding: 18px 36px !important;
+}
+.btn:hover, .btn:active, .btn:focus {
+  box-shadow: none !important;
+  outline: none !important;
+}
+
+.btn-primary {
+  background: #ef6249;
+  color: #fff;
+  border: 2px solid #ef6249;
+}
+.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
+  background: #f17660 !important;
+  border-color: #f17660 !important;
+  color: #fff !important;
+}
+.btn-primary.btn-outline {
+  background: transparent;
+  color: #ef6249;
+  border: 2px solid #ef6249;
+}
+.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
+  background: #ef6249;
+  color: #fff;
+}
+
+.btn-success {
+  background: #5cb85c;
+  color: #fff;
+  border: 2px solid #5cb85c;
+}
+.btn-success:hover, .btn-success:focus, .btn-success:active {
+  background: #4cae4c !important;
+  border-color: #4cae4c !important;
+}
+.btn-success.btn-outline {
+  background: transparent;
+  color: #5cb85c;
+  border: 2px solid #5cb85c;
+}
+.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
+  background: #5cb85c;
+  color: #fff;
+}
+
+.btn-info {
+  background: #5bc0de;
+  color: #fff;
+  border: 2px solid #5bc0de;
+}
+.btn-info:hover, .btn-info:focus, .btn-info:active {
+  background: #46b8da !important;
+  border-color: #46b8da !important;
+}
+.btn-info.btn-outline {
+  background: transparent;
+  color: #5bc0de;
+  border: 2px solid #5bc0de;
+}
+.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
+  background: #5bc0de;
+  color: #fff;
+}
+
+.btn-warning {
+  background: #f0ad4e;
+  color: #fff;
+  border: 2px solid #f0ad4e;
+}
+.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
+  background: #eea236 !important;
+  border-color: #eea236 !important;
+}
+.btn-warning.btn-outline {
+  background: transparent;
+  color: #f0ad4e;
+  border: 2px solid #f0ad4e;
+}
+.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
+  background: #f0ad4e;
+  color: #fff;
+}
+
+.btn-danger {
+  background: #d9534f;
+  color: #fff;
+  border: 2px solid #d9534f;
+}
+.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
+  background: #d43f3a !important;
+  border-color: #d43f3a !important;
+}
+.btn-danger.btn-outline {
+  background: transparent;
+  color: #d9534f;
+  border: 2px solid #d9534f;
+}
+.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
+  background: #d9534f;
+  color: #fff;
+}
+
+.btn-outline {
+  background: none;
+  border: 2px solid gray;
+  font-size: 16px;
+  -webkit-transition: 0.3s;
+  -o-transition: 0.3s;
+  transition: 0.3s;
+}
+.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
+  box-shadow: none;
+}
+
+.btn.with-arrow {
+  position: relative;
+  -webkit-transition: 0.3s;
+  -o-transition: 0.3s;
+  transition: 0.3s;
+}
+.btn.with-arrow i {
+  visibility: hidden;
+  opacity: 0;
+  position: absolute;
+  right: 0px;
+  top: 50%;
+  margin-top: -8px;
+  -webkit-transition: 0.2s;
+  -o-transition: 0.2s;
+  transition: 0.2s;
+}
+.btn.with-arrow:hover {
+  padding-right: 50px;
+}
+.btn.with-arrow:hover i {
+  color: #fff;
+  right: 18px;
+  visibility: visible;
+  opacity: 1;
+}
+
+.js .animate-box {
+  opacity: 0;
+}
+
+#fh5co-wrapper {
+  overflow-x: hidden;
+  position: relative;
+}
+
+.fh5co-offcanvas {
+  overflow: hidden;
+}
+.fh5co-offcanvas #fh5co-wrapper {
+  overflow: hidden !important;
+}
+
+#fh5co-page {
+  position: relative;
+  -webkit-transition: 0.5s;
+  -o-transition: 0.5s;
+  transition: 0.5s;
+}
+.fh5co-offcanvas #fh5co-page {
+  -moz-transform: translateX(-240px);
+  -webkit-transform: translateX(-240px);
+  -ms-transform: translateX(-240px);
+  -o-transform: translateX(-240px);
+  transform: translateX(-240px);
+}
+
+@media screen and (max-width: 768px) {
+  #fh5co-menu-wrap {
+    display: none;
+  }
+}
+
+#offcanvas-menu {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 99;
+  background: #222;
+  right: -240px;
+  width: 240px;
+  padding: 20px;
+  overflow-y: scroll !important;
+}
+#offcanvas-menu ul {
+  padding: 0;
+  margin: 0;
+}
+#offcanvas-menu ul li {
+  padding: 0;
+  margin: 0 0 10px 0;
+  list-style: none;
+}
+#offcanvas-menu ul li a {
+  font-size: 18px;
+  color: rgba(255, 255, 255, 0.4);
+}
+
+
+.fh5co-nav-toggle {
+  cursor: pointer;
+  text-decoration: none;
+}
+.fh5co-nav-toggle i {
+  position: relative;
+  display: -moz-inline-stack;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+  width: 30px;
+  height: 2px;
+  color: #fff;
+  font: bold 14px/.4 Helvetica;
+  text-transform: uppercase;
+  text-indent: -55px;
+  background: #fff;
+  transition: all .2s ease-out;
+}
+.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
+  content: '';
+  width: 30px;
+  height: 2px;
+  background: #fff;
+  position: absolute;
+  left: 0;
+  -webkit-transition: 0.2s;
+  -o-transition: 0.2s;
+  transition: 0.2s;
+}
+.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after {
+  background: #000;
+  -webkit-transition: 0.2s;
+  -o-transition: 0.2s;
+  transition: 0.2s;
+}
+
+.fh5co-nav-toggle.active i::before {
+  top: 0;
+  -webkit-transform: rotateZ(45deg);
+  -moz-transform: rotateZ(45deg);
+  -ms-transform: rotateZ(45deg);
+  -o-transform: rotateZ(45deg);
+  transform: rotateZ(45deg);
+}
+
+.fh5co-nav-toggle.active i::after {
+  bottom: 0;
+  -webkit-transform: rotateZ(-45deg);
+  -moz-transform: rotateZ(-45deg);
+  -ms-transform: rotateZ(-45deg);
+  -o-transform: rotateZ(-45deg);
+  transform: rotateZ(-45deg);
+}
+
+.fh5co-nav-toggle {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  z-index: 9999;
+  display: block;
+  margin: 0 auto;
+  display: none;
+  cursor: pointer;
+}
+@media screen and (max-width: 768px) {
+  .fh5co-nav-toggle {
+    display: block;
+    top: 0px;
+    margin-top: 2em;
+  }
+}
+
+.fh5co-loader {
+  position: fixed;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  background: url(../images/hourglass.svg) center no-repeat #222222;
+}
+
+/*# sourceMappingURL=style.css.map */

login.html

+
+<!DOCTYPE html>
+	<head>
+	<meta charset="utf-8">
+
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/style.css">
+	<script src="js/modernizr-2.6.2.min.js"></script>
+
+	</head>
+	<body>
+		<div id="wrapper">
+	
+		<div id="fh5co-header"></div>
+			<header id="fh5co-header-section">
+				<div class="container">
+					<div class="nav-header">
+						<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
+						<h1 id="fh5co-logo"><a href="index.html">Fiction</a></h1>
+						<!-- START #fh5co-menu-wrap -->
+						<nav id="fh5co-menu-wrap" role="navigation">
+							<ul class="sf-menu" id="fh5co-primary-menu">
+								
+								<li>
+									<a href="index.html" class="fh5co-sub-ddown">ติดต่อแอดมิน</a>
+									 
+						</nav>
+					</div>
+				</div>
+			</header>
+		</div>
+		
+		<div class="fh5co-hero">
+			<div class="fh5co-overlay"></div>
+			<div class="fh5co-cover text-center" data-stellar-background-ratio="0.5" style="background-image: url(images/1.jpg);">
+				<div class="desc animate-box">
+					<h2>ร้านหนังสือนิยายออนไลน์</h2>
+					<span>สำหรับนักอ่านทั้งหลาย ซึ่งเป็นแหล่งรวบรวมนิยายมาไว้ให้เลือกสรร และยังสามารถแต่งนิยายของตัวเองและโพสให้สมาชิกท่านอื่นที่สนใจอ่านกันได้อีกด้วย </span>
+					<p><a class="btn btn-primary btn-lg btn-learn" href="#">สมัคสมาชิก</a> <a class="btn btn-primary btn-lg popup-vimeo btn-video" href="https://vimeo.com/channels/staffpicks/93951774"><i></i>เข้าสู่ระบบ</a></p>
+				</div>
+			</div>
+
+			
+	</body>
+</html>
+

register.html

+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+    <meta name="generator" content="Jekyll v3.8.5">
+    <title>สมัคสมาชิก</title>
+
+    <link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/checkout/">
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+  
+
+    <link href="form-validation.css" rel="stylesheet">
+  </head>
+  <body class="bg-light">
+    <div class="container">
+  <div class="py-5 text-center">
+    <h2>สมัคสมาชิก</h2>
+  </div>
+<from action="regitster.html" method="POST">
+  
+    <div class="col-md-8 order-md-1">
+      <h4 class="mb-3">กรอกข้อมูลให้ครบถ้วน</h4>
+      <form class="needs-validation" novalidate>
+        <div class="row">
+          <div class="col-md-6 mb-3">
+            <label for="firstName">First name</label>
+            <input type="text" class="form-control" id="firstName" placeholder="" value="" required>
+            <div class="invalid-feedback">
+              Valid first name is required.
+            </div>
+          </div>
+          <div class="col-md-6 mb-3">
+            <label for="lastName">Last name</label>
+            <input type="text" class="form-control" id="lastName" placeholder="" value="" required>
+            <div class="invalid-feedback">
+              Valid last name is required.
+            </div>
+          </div>
+        </div>
+
+        <div class="mb-3">
+          <label for="username">Username</label>
+          <div class="input-group">
+            <div class="input-group-prepend">
+   
+            </div>
+            <input type="text" class="form-control" id="username" placeholder="Username" required>
+            <div class="invalid-feedback" style="width: 100%;">
+              Your username is required.
+            </div>
+          </div>
+        </div>
+
+        <div class="mb-3">
+          <label for="password">Password</label>
+          <input type="password" class="form-control" id="password" required >
+          <div class="invalid-feedback">
+          </div>
+        </div>
+
+        
+        <hr class="mb-4">
+        <button class="btn btn-primary btn-lg btn-block" type="submit">ยืนยัน</button>
+    
+</html>

registerDB.php

+<?php
+require 'Connext.php';
+
+$login_firstname = $_POST['firstname'];
+$login_lastname = $_POST['lastname'];
+$login_user = $_POST['username'];
+$login_password = $_POST['password'];
+
+$query = "INSERT INTO tb_regit (login_firstname,login_lastname,login_user,login_password) VALUE ('$login_firstname','$login_lastname','$login_user','$login_password');"
+
+$result = mysql_query ($dbcon,$query);
+
+if ($result){
+    header("Location: index.html")
+} else{
+    echo "error". mysql_erroe($dbcon);
+
+}
+mysql_close($dbcon);
\ No newline at end of file

services.html

+
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+	<head>
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<title>Glow &mdash; 100% Free Fully Responsive HTML5 Template by FREEHTML5.co</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
+	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
+	<meta name="author" content="FREEHTML5.CO" />
+
+  <!-- 
+	//////////////////////////////////////////////////////
+
+	FREE HTML5 TEMPLATE 
+	DESIGNED & DEVELOPED by FREEHTML5.CO
+		
+	Website: 		http://freehtml5.co/
+	Email: 			info@freehtml5.co
+	Twitter: 		http://twitter.com/fh5co
+	Facebook: 		https://www.facebook.com/fh5co
+
+	//////////////////////////////////////////////////////
+	 -->
+
+  	<!-- Facebook and Twitter integration -->
+	<meta property="og:title" content=""/>
+	<meta property="og:image" content=""/>
+	<meta property="og:url" content=""/>
+	<meta property="og:site_name" content=""/>
+	<meta property="og:description" content=""/>
+	<meta name="twitter:title" content="" />
+	<meta name="twitter:image" content="" />
+	<meta name="twitter:url" content="" />
+	<meta name="twitter:card" content="" />
+
+	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+	<link rel="shortcut icon" href="favicon.ico">
+
+	<!-- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'> -->
+	
+	<!-- Animate.css -->
+	<link rel="stylesheet" href="css/animate.css">
+	<!-- Icomoon Icon Fonts-->
+	<link rel="stylesheet" href="css/icomoon.css">
+	<!-- Bootstrap  -->
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<!-- Magnific Popup -->
+	<link rel="stylesheet" href="css/magnific-popup.css">
+	<!-- Superfish -->
+	<link rel="stylesheet" href="css/superfish.css">
+
+	<link rel="stylesheet" href="css/style.css">
+
+
+	<!-- Modernizr JS -->
+	<script src="js/modernizr-2.6.2.min.js"></script>
+	<!-- FOR IE9 below -->
+	<!--[if lt IE 9]>
+	<script src="js/respond.min.js"></script>
+	<![endif]-->
+
+	</head>
+	<body>
+		<div id="fh5co-wrapper">
+		<div id="fh5co-page">
+		<div id="fh5co-header">
+			<header id="fh5co-header-section">
+				<div class="container">
+					<div class="nav-header">
+						<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
+						<h1 id="fh5co-logo"><a href="index.html">Glow</a></h1>
+						<!-- START #fh5co-menu-wrap -->
+						<nav id="fh5co-menu-wrap" role="navigation">
+							<ul class="sf-menu" id="fh5co-primary-menu">
+								<li><a href="index.html">Home</a></li>
+								<li>
+									<a href="portfolio.html" class="fh5co-sub-ddown">Work</a>
+									<ul class="fh5co-sub-menu">
+										<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
+										<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
+										<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
+										<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
+										<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
+										<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
+									</ul>
+								</li>
+								<li class="active">
+									<a href="services.html" class="fh5co-sub-ddown">Services</a>
+									 <ul class="fh5co-sub-menu">
+									 	<li><a href="left-sidebar.html">Web Development</a></li>
+									 	<li><a href="right-sidebar.html">Branding &amp; Identity</a></li>
+										<li>
+											<a href="#" class="fh5co-sub-ddown">Free HTML5</a>
+											<ul class="fh5co-sub-menu">
+												<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
+												<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
+												<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
+												<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
+												<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
+												<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
+											</ul>
+										</li>
+										<li><a href="#">UI Animation</a></li>
+										<li><a href="#">Copywriting</a></li>
+										<li><a href="#">Photography</a></li> 
+									</ul>
+								</li>
+								<li><a href="about.html">About</a></li>
+								<li><a href="blog.html">Blog</a></li>
+								<li><a href="contact.html">Contact</a></li>
+							</ul>
+						</nav>
+					</div>
+				</div>
+			</header>
+		</div>
+		
+		
+
+		<div class="fh5co-hero fh5co-hero-2">
+			<div class="fh5co-overlay"></div>
+			<div class="fh5co-cover fh5co-cover_2 text-center" data-stellar-background-ratio="0.5" style="background-image: url(images/cover_bg_3.jpg);">
+				<div class="desc animate-box">
+					<h2>Our Services</h2>
+					<span>Lovely Crafted by <a href="http://frehtml5.co/" target="_blank" class="fh5co-site-name">FREEHTML5.co</a></span>
+				</div>
+			</div>
+		</div>
+		<!-- end:header-top -->
+
+		<div id="fh5co-services-section" class="fh5co-section-gray">
+			<div class="container">
+				<div class="row">
+					<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box">
+						<h3>What We Do</h3>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit est facilis maiores, perspiciatis accusamus asperiores sint consequuntur debitis.</p>
+					</div>
+				</div>
+			</div>
+			<div class="container">
+				<div class="row text-center">
+					<div class="col-md-4 col-sm-4">
+						<div class="services animate-box">
+							<span><i class="icon-browser"></i></span>
+							<h3>Web Development</h3>
+							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+						</div>
+					</div>
+					<div class="col-md-4 col-sm-4">
+						<div class="services animate-box">
+							<span><i class="icon-mobile"></i></span>
+							<h3>Mobile Apps</h3>
+							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+						</div>
+					</div>
+					<div class="col-md-4 col-sm-4">
+						<div class="services animate-box">
+							<span><i class="icon-tools"></i></span>
+							<h3>UX Design</h3>
+							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+						</div>
+					</div>
+					<div class="col-md-4 col-sm-4">
+						<div class="services animate-box">
+							<span><i class="icon-video"></i></span>
+							<h3>Video Editing</h3>
+							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+						</div>
+					</div>
+					<div class="col-md-4 col-sm-4">
+						<div class="services animate-box">
+							<span><i class="icon-search"></i></span>
+							<h3>SEO Ranking</h3>
+							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+						</div>
+					</div>
+					<div class="col-md-4 col-sm-4">
+						<div class="services animate-box">
+							<span><i class="icon-cloud"></i></span>
+							<h3>Cloud Based Apps</h3>
+							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<div id="fh5co-services">
+			<div class="container">
+				<div class="row row-bottom-padded-lg" >
+					<div class="col-md-3 animate-box">
+						<div class="fh5co-icon"><i class="icon-browser"></i></div>
+					</div>
+					<div class="col-md-8 col-md-push-1 animate-box">
+<!-- 						<h4 class="fh5co-number">01.</h4> -->
+						<h2>Web Development</h2>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam quae modi earum eligendi eaque quis laudantium aperiam sunt atque recusandae, fugiat veritatis repellendus incidunt nostrum voluptatibus. Eveniet ex magnam repellat sunt molestiae, quibusdam culpa dignissimos recusandae voluptatum necessitatibus provident commodi?</p>
+						<ul>
+							<li>Web Design</li>
+							<li>Search Engine Optimzation</li>
+							<li>HTML5 &amp; CSS3</li>
+							<li>jQuery Library</li>
+						</ul>
+					</div>
+				</div>
+
+				<div class="row row-bottom-padded-lg">
+					<div class="col-md-3 col-md-push-8 animate-box">
+						<div class="fh5co-icon"><i class="icon-mobile"></i></div>
+					</div>
+					<div class="col-md-7 col-md-pull-3 animate-box">
+						<!-- <h4 class="fh5co-number">02.</h4> -->
+						<h2>Mobile Apps</h2>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam quae modi earum eligendi eaque quis laudantium aperiam sunt atque recusandae, fugiat veritatis repellendus incidunt nostrum voluptatibus. Eveniet ex magnam repellat sunt molestiae, quibusdam culpa dignissimos recusandae voluptatum necessitatibus provident commodi?</p>
+						<ul>
+							<li>Web Design</li>
+							<li>Search Engine Optimzation</li>
+							<li>HTML5 &amp; CSS3</li>
+							<li>jQuery Library</li>
+						</ul>
+					</div>
+				</div>
+
+				<div class="row row-bottom-padded-lg">
+					<div class="col-md-3 animate-box">
+						<div class="fh5co-icon"><i class="icon-tools"></i></div>
+					</div>
+					<div class="col-md-8 col-md-push-1 animate-box">
+						<!-- <h4 class="fh5co-number">03.</h4> -->
+						<h2>UX Design</h2>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam quae modi earum eligendi eaque quis laudantium aperiam sunt atque recusandae, fugiat veritatis repellendus incidunt nostrum voluptatibus. Eveniet ex magnam repellat sunt molestiae, quibusdam culpa dignissimos recusandae voluptatum necessitatibus provident commodi?</p>
+						<ul>
+							<li>Web Design</li>
+							<li>Search Engine Optimzation</li>
+							<li>HTML5 &amp; CSS3</li>
+							<li>jQuery Library</li>
+						</ul>
+					</div>
+				</div>
+
+				<div class="row row-bottom-padded-lg">
+					<div class="col-md-3 col-md-push-8 animate-box">
+						<div class="fh5co-icon"><i class="icon-video"></i></div>
+					</div>
+					<div class="col-md-7 col-md-pull-3 animate-box">
+						<!-- <h4 class="fh5co-number">04.</h4> -->
+						<h2>Video Editing</h2>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam quae modi earum eligendi eaque quis laudantium aperiam sunt atque recusandae, fugiat veritatis repellendus incidunt nostrum voluptatibus. Eveniet ex magnam repellat sunt molestiae, quibusdam culpa dignissimos recusandae voluptatum necessitatibus provident commodi?</p>
+						<ul>
+							<li>Web Design</li>
+							<li>Search Engine Optimzation</li>
+							<li>HTML5 &amp; CSS3</li>
+							<li>jQuery Library</li>
+						</ul>
+					</div>
+				</div>
+
+
+				<div class="row row-bottom-padded-lg">
+					<div class="col-md-3 animate-box">
+						<div class="fh5co-icon"><i class="icon-search"></i></div>
+					</div>
+					<div class="col-md-8 col-md-push-1 animate-box">
+						<!-- <h4 class="fh5co-number">05.</h4> -->
+						<h2>SEO Ranking</h2>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam quae modi earum eligendi eaque quis laudantium aperiam sunt atque recusandae, fugiat veritatis repellendus incidunt nostrum voluptatibus. Eveniet ex magnam repellat sunt molestiae, quibusdam culpa dignissimos recusandae voluptatum necessitatibus provident commodi?</p>
+						<ul>
+							<li>Web Design</li>
+							<li>Search Engine Optimzation</li>
+							<li>HTML5 &amp; CSS3</li>
+							<li>jQuery Library</li>
+						</ul>
+					</div>
+				</div>
+
+				<div class="row">
+					<div class="col-md-3 col-md-push-8 animate-box">
+						<div class="fh5co-icon"><i class="icon-cloud"></i></div>
+					</div>
+					<div class="col-md-7 col-md-pull-3 animate-box">
+						<!-- <h4 class="fh5co-number">06.</h4> -->
+						<h2>Cloud Based Apps</h2>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam quae modi earum eligendi eaque quis laudantium aperiam sunt atque recusandae, fugiat veritatis repellendus incidunt nostrum voluptatibus. Eveniet ex magnam repellat sunt molestiae, quibusdam culpa dignissimos recusandae voluptatum necessitatibus provident commodi?</p>
+						<ul>
+							<li>Web Design</li>
+							<li>Search Engine Optimzation</li>
+							<li>HTML5 &amp; CSS3</li>
+							<li>jQuery Library</li>
+						</ul>
+					</div>
+				</div>
+
+
+			</div>
+		</div>
+		<!-- END fh5co-services-section -->
+		
+		<footer>
+			<div id="footer">
+				<div class="container">
+					<div class="row">
+						<div class="col-md-3 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
+							<h3>About Us</h3>
+							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
+						</div>
+						<div class="col-md-6 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
+							<h3>Our Services</h3>
+							<ul class="float">
+								<li><a href="#">Web Design</a></li>
+								<li><a href="#">Branding &amp; Identity</a></li>
+								<li><a href="#">Free HTML5</a></li>
+								<li><a href="#">HandCrafted Templates</a></li>
+							</ul>
+							<ul class="float">
+								<li><a href="#">Free Bootstrap Template</a></li>
+								<li><a href="#">Free HTML5 Template</a></li>
+								<li><a href="#">Free HTML5 &amp; CSS3 Template</a></li>
+								<li><a href="#">HandCrafted Templates</a></li>
+							</ul>
+
+						</div>
+
+						<div class="col-md-2 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
+							<h3>Follow Us</h3>
+							<ul class="fh5co-social">
+								<li><a href="#"><i class="icon-twitter2"></i> Twitter</a></li>
+								<li><a href="#"><i class="icon-facebook2"></i> Facebook</a></li>
+								<li><a href="#"><i class="icon-google-plus2"></i> Google Plus</a></li>
+								<li><a href="#"><i class="icon-instagram2"></i> Instagram</a></li>
+							</ul>
+						</div>
+					</div>
+				</div>
+				<div class="fh5co-copyright text-center">
+					<p>&copy; 2016 Free HTML5 template. All Rights Reserved. <span>Designed with <i class="icon-heart"></i> by <a href="http://freehtml5.co/" target="_blank">FreeHTML5.co</a> Demo Images by <a href="http://unsplash.com/" target="_blank">Unsplash</a></span></p>	
+				</div>
+			</div>
+		</footer>
+	
+
+	</div>
+	<!-- END fh5co-page -->
+
+	</div>
+	<!-- END fh5co-wrapper -->
+
+	<!-- jQuery -->
+
+
+	<script src="js/jquery.min.js"></script>
+	<!-- jQuery Easing -->
+	<script src="js/jquery.easing.1.3.js"></script>
+	<!-- Bootstrap -->
+	<script src="js/bootstrap.min.js"></script>
+	<!-- Waypoints -->
+	<script src="js/jquery.waypoints.min.js"></script>
+	<!-- Stellar -->
+	<script src="js/jquery.stellar.min.js"></script>
+	<!-- Superfish -->
+	<script src="js/hoverIntent.js"></script>
+	<script src="js/superfish.js"></script>
+
+	<!-- Main JS (Do not remove) -->
+	<script src="js/main.js"></script>
+
+	</body>
+</html>
+