Merge pull request #352 from 2DU/master

v2.6.1

app.py

@@ -16,7 +16,7 @@ logging.basicConfig(level = logging.ERROR)
 app = Flask(__name__)
 Reggie(app)
 
-r_ver = 'v2.6.0'
+r_ver = 'v2.6.1'
 
 from func import *
 from set_mark.mid_pas import mid_pas
@@ -492,7 +492,7 @@ def image_view(name = None):
 def acl_list():
     div = '<ul>'
 
-    curs.execute("select title, acl from data where acl = 'admin' or acl = 'user' order by acl desc")
+    curs.execute("select title, dec from acl where dec = 'admin' or dec = 'user' order by title desc")
     list_data = curs.fetchall()
     for data in list_data:
         if(not re.search('^사용자:', data[0]) and not re.search('^파일:', data[0])):
@@ -986,11 +986,13 @@ def deep_search(name = None):
 
     curs.execute("select title from data where title = ?", [name])
     if(curs.fetchall()):
-        div = '<ul><li>문서로 <a href="/w/' + url_pas(name) + '">바로가기</a></li><hr>'
+        div = '<ul><li>문서로 <a href="/w/' + url_pas(name) + '">바로가기</a></li></ul><hr><ul>'
     else:
-        div = '<ul><li>문서가 없습니다. <a class="not_thing" href="/w/' + url_pas(name) + '">바로가기</a></li><hr>'
+        div = '<ul><li>문서가 없습니다. <a class="not_thing" href="/w/' + url_pas(name) + '">바로가기</a></li></ul><hr><ul>'
 
-    curs.execute("select distinct title, case when title like ? then '제목' else '내용' end from data where title like ? or data like ? order by case when title like ? then 1 else 2 end limit ?, '50'", ['%' + name + '%', '%' + name + '%', '%' + name + '%', '%' + name + '%', str(sql_num)])
+    curs.execute("select distinct title, case when title like ? then '제목' else '내용' " + \
+                "end from data where title like ? or data like ? order by case when title like ? " + \
+                "then 1 else 2 end limit ?, '50'", ['%' + name + '%', '%' + name + '%', '%' + name + '%', '%' + name + '%', str(sql_num)])
     all_list = curs.fetchall()
     if(all_list):
         test = all_list[0][1]
@@ -2052,7 +2054,7 @@ def topic(name = None, sub = None):
 
         return(html_minify(template('index', 
             imp = [name, wiki_set(conn, 1), custom(conn), other2([' (토론)', 0])],
-            data = '<h2 id="topic_top_title"><a href="#toc" id="s-1">1.<span style="margin-left: 5px;"></span></a>' + sub + '</h2><hr id="under_bar" style="margin-top: -5px;">' + all_data + data,
+            data = '<h2 id="topic_top_title">' + sub + '</h2><hr id="under_bar" style="margin-top: -5px;">' + all_data + data,
             menu = [['topic/' + url_pas(name), '목록']]
         )))
         
@@ -2103,7 +2105,7 @@ def close_topic_list(name = None, tool = None):
                         it_p = 1
                 
                 if(it_p != 1):
-                    div += '<h2><a href="/topic/' + url_pas(name) + '/sub/' + url_pas(data[0]) + '">' + data[0] + '</a></h2>'
+                    div += '<h2><a href="/topic/' + url_pas(name) + '/sub/' + url_pas(data[0]) + '">' + data[0] + '</a></h2><hr id="under_bar" style="margin-top: -5px;">'
 
         if(div == ''):
             plus = re.sub('^<br>', '', plus)
@@ -2735,7 +2737,8 @@ def read_view(name = None):
                     curs.execute("select data from data where title = ?", [data[0]])
                     db_data = curs.fetchall()
                     if(db_data):
-                        if(re.search('\[\[' + name + ']]', mid_pas(db_data[0][0], 0, 1, 0, 0)[0])):
+                        cat_data = re.sub("\[\[(분류:(?:(?:(?!\]\]|\|).)+))(?!\|include)\]\]", "", mid_pas(db_data[0][0], 0, 1, 0, 0)[0])
+                        if(re.search('\[\[' + name + '|include]]', cat_data)):
                             div += ' * [[' + data[0] + ']]\r\n * [[wiki:xref/' + url_pas(data[0]) + '|' + data[0] + ']] (역링크)\r\n'
                         else:
                             div += ' * [[' + data[0] + ']]\r\n'

func.py

@@ -102,17 +102,7 @@ def next_fix(link, num, page, end = 50):
     return(list_data)
 
 def other2(origin):
-    div = ''
-    if('View_List' in session):
-        match = re.findall('(?:(?:([^\n]+)\n))', session['View_List'])
-        if(match):
-            div = ''
-            for data in match[-6:-1]:
-                div += '<a href="/w/' + url_pas(data) + '">' +  html.escape(data) + '</a> / '
-            div = re.sub(' / $', '', div)
-            
-    re_data = origin + [div]
-    return(re_data)    
+    return(origin + ['제거 되었음. 스킨 업데이트 필요함.'])    
 
 def wiki_set(conn, num):
     curs = conn.cursor()

set_mark/end.py

@@ -13,7 +13,7 @@ def end(data, category):
     data = re.sub('<\/blockquote>(?:(?:\r)?\n)<br><blockquote>', '</blockquote><blockquote>', data)
 
     data = re.sub('\n', '<br>', data)
-    data = re.sub('<hr id="under_bar"([^>]*)><br>', '<hr style="margin-top: -5px;">', data)
+    data = re.sub('<hr id="under_bar"([^>]*)><br>', '<hr id="under_bar" style="margin-top: -5px;">', data)
     data = re.sub('&lt;isbr&gt;', '\r\n', data)
     data = re.sub('^(?:<br>|\r|\n| )+', '', data)
     data = re.sub('^<div style="margin-top: 30px;" id="cate">', '<div id="cate">', data)        

set_mark/footnote.py

@@ -25,7 +25,10 @@ def footnote(data, fol_num):
                             break
                             
                     if(none_this == 0):
-                        data = pop_re.sub("<sup><a href='javascript:void(0);' onclick='folding(" + str(fol_num) + ");' id='rfn-" + str(a) + "'>[" + results[0] + "]</a></sup><div class='popup' style='display: none;' id='folding_" + str(fol_num) + "'><a onclick='folding(" + str(fol_num) + ");' href='#fn-" + str(a) + "'>#d#" + results[0] + "#/d#</a> <a href='javascript:void(0);' onclick='folding(" + str(fol_num) + ");'>[X]</a> " + namu[i + 1] + "</div>", data, 1)
+                        data = pop_re.sub("<sup><a href='javascript:void(0);' onclick='folding(" + str(fol_num) + ");' id='rfn-" + str(a) + "'>[" + results[0] + "]</a></sup>" + \
+                                        "<div class='popup' style='display: none;' id='folding_" + str(fol_num) + "'><a onclick='folding(" + str(fol_num) + ");'" + \
+                                        " href='#fn-" + str(a) + "'>#d#" + results[0] + "#/d#</a> <a href='javascript:void(0);' onclick='folding(" + str(fol_num) + ");'>[X]</a> " + \
+                                         namu[i + 1] + "</div>", data, 1)
                     else:
                         data = pop_re.sub("<sup><a href='javascript:void(0);' id='rfn-" + str(a) + "'>#d#" + results[0] + "#/d#</a></sup>", data, 1)
                 else:
@@ -34,10 +37,16 @@ def footnote(data, fol_num):
                         namu += [results[1]]
 
                         tou += "<span id='footnote-list'><a href='#rfn-" + str(a) + "' id='fn-" + str(a) + "'>[" + results[0] + "]</a> " + results[1] + "</span><br>"
-                        data = pop_re.sub("<sup><a href='javascript:void(0);' onclick='folding(" + str(fol_num) + ");' id='rfn-" + str(a) + "'>#d#" + results[0] + "#/d#</a></sup><div class='popup' style='display: none;' id='folding_" + str(fol_num) + "'><a onclick='folding(" + str(fol_num) + ");' href='#fn-" + str(a) + "'>#d#" + results[0] + "#/d#</a> <a href='javascript:void(0);' onclick='folding(" + str(fol_num) + ");'>#d#X#/d#</a> " + results[1] + "</div>", data, 1)     
+                        data = pop_re.sub("<sup><a href='javascript:void(0);' onclick='folding(" + str(fol_num) + ");' id='rfn-" + str(a) + "'>#d#" + results[0] + "#/d#</a>" + \
+                                        "</sup><div class='popup' style='display: none;' id='folding_" + str(fol_num) + "'><a onclick='folding(" + str(fol_num) + ");'" + \
+                                        " href='#fn-" + str(a) + "'>#d#" + results[0] + "#/d#</a> <a href='javascript:void(0);' onclick='folding(" + str(fol_num) + ");'>" + \
+                                        "#d#X#/d#</a> " + results[1] + "</div>", data, 1)     
                     else:                    
                         tou += "<span id='footnote-list'><a href='#rfn-" + str(a) + "' id='fn-" + str(a) + "'>[" + str(a) + "]</a> " + results[1] + "</span><br>"
-                        data = pop_re.sub('<sup><a href="javascript:void(0);" onclick="folding(' + str(fol_num) + ');" id="rfn-' + str(a) + '">#d#' + str(a) + '#/d#</a></sup><div class="popup" style="display: none;" id="folding_' + str(fol_num) + '"><a onclick="folding(' + str(fol_num) + ');" href="#fn-' + str(a) + '">#d#' + str(a) + '#/d#</a> <a href="javascript:void(0);" onclick="folding(' + str(fol_num) + ');">#d#X#/d#</a> ' + results[1] + '</div>', data, 1)
+                        data = pop_re.sub('<sup><a href="javascript:void(0);" onclick="folding(' + str(fol_num) + ');" id="rfn-' + str(a) + '">#d#' + str(a) + '#/d#</a></sup>' + \
+                                        '<div class="popup" style="display: none;" id="folding_' + str(fol_num) + '"><a onclick="folding(' + str(fol_num) + ');"' + \
+                                        ' href="#fn-' + str(a) + '">#d#' + str(a) + '#/d#</a> <a href="javascript:void(0);" onclick="folding(' + str(fol_num) + ');">#d#X#/d#</a> ' + \
+                                        results[1] + '</div>', data, 1)
                     a += 1
 
                 fol_num += 2

set_mark/include_pas.py

@@ -21,13 +21,14 @@ def include_pas(conn, data, title, in_c, num, toc_y, fol_num):
         if(results[0] == title):
             data = include.sub("<b>" + results[0] + "</b>", data, 1)
         else:
+            backlink += [[title, results[0], 'include']]
+
             curs.execute("select data from data where title = ?", [results[0]])
             in_con = curs.fetchall()
-            
-            backlink += [[title, results[0], 'include']]
             if(in_con):                        
                 in_data = in_con[0][0]
                 in_data = include.sub("", in_data)
+                in_data = re.sub("\[\[(분류:(?:(?:(?!\]\]|\|).)+))(?!\|include)\]\]", "", in_data)
                 in_data = re.sub("\n", "\r\n", re.sub("\r\n", "\n", in_data))
                 in_data = html_pas.html_pas(in_data)
                 

set_mark/link.py

@@ -11,43 +11,35 @@ def sha224(data):
 
 def link(conn, title, data, num, category, backlink):
     curs = conn.cursor()
-
     data = data.replace('\', '\\')
     
-    m = re.findall("\[\[(분류:(?:(?:(?!\]\]).)*))\]\]", data)
+    m = re.findall("\[\[(분류:(?:(?:(?!\]\]|\|).)+))(?:\|((?:(?!\]\]).)+))?\]\]", data)
     for g in m:
-        if(title != g):
+        if(title != g[0]):
             if(num == 1):
-                backlink += [[title, g, 'cat']]
+                backlink += [[title, g[0], 'cat']]
                 
-            if(category == ''):
-                curs.execute("select title from data where title = ?", [g])
-                exists = curs.fetchall()
-                if(exists):
-                    red = ""
-                else:
-                    red = 'class="not_thing"'
-                    
-                category += '<a ' + red + ' href="/w/' + url_pas(g) + '">' + re.sub("분류:", "", g) + '</a>'
+            curs.execute("select title from data where title = ?", [g[0]])
+            if(curs.fetchall()):
+                red = ""
             else:
-                curs.execute("select title from data where title = ?", [g])
-                exists = curs.fetchall()
-                if(exists):
-                    red = ""
-                else:
-                    red = 'class="not_thing"'
-                    
-                category += ' / ' + '<a ' + red + ' href="/w/' + url_pas(g) + '">' + re.sub("분류:", "", g) + '</a>'
+                red = 'class="not_thing"'
+
+            if(category != ''):    
+                category += ' / '                
+                
+            category += '<a ' + red + ' href="/w/' + url_pas(g[0]) + '">' + re.sub("분류:", "", g[0]) + '</a>'
         
-        data = re.sub("\[\[(분류:(?:(?:(?!\]\]).)*))\]\]", '', data, 1)
+        data = re.sub("\[\[(분류:(?:(?:(?!\]\]|\|).)+))(?:\|((?:(?!\]\]).)+))?\]\]", '', data, 1)
     
     test = re.findall('\[\[wiki:([^|\]]+)(?:\|([^\]]+))?\]\]', data)
-    if(test):
-        for wiki in test:
-            if(wiki[1]):
-                data = re.sub('\[\[wiki:([^|\]]+)(?:\|([^\]]+))?\]\]', '<a id="inside" href="/' + wiki[0] + '">' + wiki[1] + '</a>', data, 1)
-            else:
-                data = re.sub('\[\[wiki:([^|\]]+)(?:\|([^\]]+))?\]\]', '<a id="inside" href="/' + wiki[0] + '">' + wiki[0] + '</a>', data, 1)
+    for wiki in test:
+        if(wiki[1]):
+            out = wiki[1]
+        else:
+            out = wiki[0]
+
+        data = re.sub('\[\[wiki:([^|\]]+)(?:\|([^\]]+))?\]\]', '<a id="inside" href="/' + wiki[0] + '">' + out + '</a>', data, 1)
      
     data = re.sub("\[\[(?::(?P<in>(?:분류|파일):(?:(?:(?!\]\]).)*)))\]\]", "[[\g<in>]]", data)
 

version.md

@@ -124,7 +124,7 @@
  * 편집 필터
  * 차단 기록 세분화
 
-## 2.5 (진행)
+## 2.5
  * 주기 문서 기능
  * 현재 차단 목록
  * ACL 개편
@@ -132,8 +132,13 @@
  * 파일 시스템 개선
  * 잡 패치
 
-## 2.6 (Flask + Bottle)
+## 2.6 (Flask) (진행)
  * 기반 구조 개편
+ * 분류 구조 개편
+ * 디자인 수정
+
+## 자세한 내용
+ * [참조](https://github.com/2DU/openNAMU/commits/master)
 
 ----
 ## 오픈나무 라이선스
@@ -150,7 +155,7 @@
 
 ----
 ## 기타
- * 현재 버전 : v2.6.0
+ * 현재 버전 : v2.6.1
 
 ----
 ## 개발 이념

views/acme/css/bootstrap-reset.css

@@ -1,844 +0,0 @@
-.panel {
-    box-shadow: -2 0px 0px rgba(0, 0, 0, 0.0) !important;
-}
-
-.panel-default {
-    border-color: #f4f4f4;
-}
-
-.panel-default > .panel-heading {
-    background-color: #f4f4f4;
-    color: #797979;
-}
-
-.panel-default > .panel-heading + .panel-collapse .panel-body {
-    border-top-color: #F4F4F4;
-}
-
-.label-default {
-    background-color: #a1a1a1;
-}
-
-.label-primary {
-    background-color: #59ace2;
-}
-
-.label-success {
-    background-color: #A9D86E;
-}
-
-.label-info {
-    background-color: #8175c7;
-}
-
-.label-warning {
-    background-color: #FCB322;
-}
-
-.label-danger {
-    background-color: #FF6C60;
-}
-
-.label-inverse {
-    background-color: #344860;
-}
-
-.modal-content {
-    box-shadow: none;
-    border: none;
-}
-
-.modal-header {
-    background: #00A8B3;
-    color: #fff;
-    border-radius: 1px 1px 0 0;
-    -webkit-border-radius: 1px 1px 0 0;
-    border-bottom: none;
-}
-
-.modal-header .close {
-    margin-top: 0;
-}
-
-.form-control {
-    border: 1px solid #e2e2e4;
-    box-shadow: none;
-}
-
-
-.form-control:focus, #focusedInput {
-    border: 1px solid #517397;
-    box-shadow: none;
-}
-
-.form-horizontal .control-label {
-    font-weight: 300;
-    font-size: 14px;
-    text-align: left;
-}
-
-input, textarea, select, button {
-    outline: none !important;
-}
-
-ul {
-    padding-left: 0;
-}
-
-.btn-default {
-    background-color: #bec3c7;
-    border-color: #bec3c7;
-    color: #fff;
-}
-
-.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
-    background-color: #b0b5b9;
-    border-color: #b0b5b9;
-    color: #fff;
-}
-
-.btn-primary {
-    background-color: #41cac0;
-    border-color: #41cac0;
-    color: #FFFFFF;
-}
-
-.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
-    background-color: #39b2a9;
-    border-color: #39b2a9;
-    color: #FFFFFF;
-}
-
-.btn-success {
-    background-color: #1abc9c;
-    border-color: #1abc9c;
-    color: #FFFFFF;
-}
-
-.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
-    background-color: #6dbb4a;
-    border-color: #6dbb4a;
-    color: #FFFFFF;
-}
-
-.btn-info {
-    background-color: #58c9f3;
-    border-color: #58c9f3;
-    color: #FFFFFF;
-}
-
-.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
-    background-color: #53bee6;
-    border-color: #53BEE6;
-    color: #FFFFFF;
-}
-
-.btn-warning {
-    background-color: #f1c500;
-    border-color: #f1c500;
-    color: #FFFFFF;
-}
-
-.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
-    background-color: #e4ba00;
-    border-color: #e4ba00;
-    color: #FFFFFF;
-}
-
-.btn-danger {
-    background-color: #48C9B0;
-    border-color: #48C9B0;
-    color: #FFFFFF;
-}
-
-.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
-    background-color: #ec6459;
-    border-color: #ec6459;
-    color: #FFFFFF;
-}
-
-.btn:active, .btn.active {
-    box-shadow: none;
-}
-
-.btn-round {
-    border-radius: 30px;
-    -webkit-border-radius: 30px;
-}
-
-.btn-shadow.btn-default {
-    box-shadow: 0 4px #9c9c9c;
-}
-
-.btn-shadow.btn-primary {
-    box-shadow: 0 4px #29b392;
-}
-
-.btn-shadow.btn-success {
-    box-shadow: 0 4px #61a642;
-}
-
-.btn-shadow.btn-info {
-    box-shadow: 0 4px #1caadc;
-}
-
-.btn-shadow.btn-warning {
-    box-shadow: 0 4px #cab03f;
-}
-
-.btn-shadow.btn-danger {
-    box-shadow: 0 4px #d1595a;
-}
-
-.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
-    background-color: #495d74;
-    color: #FFFFFF;
-    text-decoration: none;
-}
-
-.btn-white {
-    background-clip: padding-box;
-    background-color: #FFFFFF;
-    border-color: rgba(150, 160, 180, 0.3);
-    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.05) inset;
-}
-
-.nav-tabs > li > a {
-    margin-right: 1px;
-}
-
-.nav-justified {
-    width: auto !important;
-}
-
-.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
-    background-color: #1abc9c;
-    border-color: #16a085;
-    color: #FFFFFF;
-    cursor: default;
-    z-index: 2;
-}
-
-s, strike, del {
-    color:gray;
-}
-s:hover, strike:hover, del:hover {
-    color:#666;background-color:#eee;text-decoration:none;
-}
-
-
-label, span, body, strong, b, div, h1, h2, h3, h4, h5, h6, h7, input { 
-    font-family: helvetica, "Noto Sans Japanese", "나눔고딕", "맑은 고딕", "Nanum Gothic", sans-serif; 
-}
-
-pre { 
-    font-family: 'monospace'; 
-    white-space: pre-line;
-    overflow: hidden;
-}
-
-html {
-    background-color: rgb(44, 62, 80);
-}
-
-textarea {
-    resize: vertical;
-}
-
-input {
-    width: 100%;
-}
-
-.head-section .nav li a, .head-section .nav li.active ul.dropdown-menu li a {
-    color: #373A3C;
-}
-
-@media (min-width: 768px){
-    .head-section .nav li .dropdown-menu {
-        border: 1px solid rgb(204,204,204);
-        margin-top: -20px;
-    }
-}
-
-@media (max-width: 767px){
-    .head-section .nav li .dropdown-menu {
-        margin-top: 0px;
-        margin-bottom: 10px;
-    }
-}
-
-@media (max-width: 767px){
-    #searchInput {
-        width: 90%;
-    }
-
-    @media (max-width: 479px){
-        table {
-            min-width: 100%;
-        }
-    }
-    
-    #searchform {
-        margin-top: 15px;
-    }
-}
-
-@media (max-width: 991px){
-    @media (min-width: 768px){
-        #mobile {
-            display: none;
-        }
-    }
-}
-
-@media (min-width: 768px){
-    #searchInput {
-        width: 180px;
-    }
-
-    #right-search {
-        float: right;
-    }
-}
-
-a:link {
-    color: #0093FF;
-}
-
-button {
-    border: 1px solid #aaaaaa;
-    margin-left: 0.5em;
-    border-radius: 0.25rem;
-    padding: 5px 20px 5px 20px;
-    background: white;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-
-input {
-    border: 1px solid #aaaaaa;
-    
-    padding: 5px 10px 5px 10px;
-    background: white;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-
-#toc ul {
-    margin: .3em 0;
-}
-
-fieldset table tbody tr td {
-    display: inline-block;
-}
-
-div.scroll-buttons a.scroll-button {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-img {
-    max-width: 100%;
-    height: auto;
-}
-
-iframe {
-    max-width: 100%;
-}
-
-#searchInput {
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-
-input#searchInput {
-    border: none;
-    border-bottom: 2px solid #eee;
-    box-shadow: none;
-    border-radius: 0px;
-}
-
-input#searchInput:focus {
-    border-bottom: 2px solid rgb(44, 62, 80);
-}
-
-.fa {
-    margin-right: 3px;
-}
-
-.comment {
-    word-break: break-all;
-}
-
-#in {
-    margin-left: 20px;
-}
-
-#out {
-    margin-left: 5px;
-}
-
-input {
-    max-width: 100%;
-}
-
-.breadcrumbs h1 {
-    word-break: break-all;
-}
-
-#back_title {
-    border: 1px solid black;
-    padding: 5px;
-    margin-top: -30px;
-    margin-bottom: 20px;
-    word-break: break-all;
-}
-
-.form-control.input-sm {
-    font-size: 14px;
-    color: black;
-}
-
-li {
-    margin-left: 20px;
-    margin-bottom: 2px;
-}
-
-.nav.navbar-nav li {
-    margin: 0;
-}
-
-.btn.btn-secondary.tools-btn.dropdown-toggle {
-    height: 34px;
-}
-
-sub, sup {
-    line-height: 1.6rem;
-}
-
-textarea {
-    border: 1px solid #e1e8ed;
-    padding: 5px;
-    border-radius: 3px;
-    background: white;
-    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
-}
-
-.btn.btn-primary {
-    margin: 0;
-}
-
-.btn {
-    transition: all .3s ease;
-}
-
-#inside {
-    color: green;
-}
-
-.hljs {
-    background: #f5f8fa;
-}
-
-#syntax {
-    margin-bottom: -10px;
-    background-color: #f0f0f0;
-}
-
-#cate {
-    width: 100%;
-    border: 1px solid #777;
-    padding: 5px;
-    margin-top: 1em;
-}
-
-select {
-    display: inline-block;
-    padding: 0.2rem 0.4rem;
-    font-size: 16px;
-    line-height: 1.5;
-    color: #55595c;
-    background-color: #fff;
-    background-image: none;
-    border: 1px solid #ccc;
-    border-radius: .25rem;
-}
-
-#preview {
-    background: #37b1e3;
-    color: white;
-    margin-bottom: 0;
-}
-
-#preview:hover {
-    background: #2b90ba;
-}
-
-input {
-    border: 1px solid #e1e8ed;
-    padding: 5px;
-    border-radius: 3px;
-}
-
-.font-size-1 {
-    font-size: 120%;
-}
-
-form#searchform {
-    margin-bottom: 0;
-}
-
-button#searchGoButton {
-    height: 30px;
-}
-
-button#searchSearchButton {
-    height: 30px;
-}
-
-h1#main_title {
-    margin-bottom: 0;
-    margin-top: 0;
-}
-
-a.navbar-brand {
-    width: auto;
-    margin-right: 20px;
-}
-
-.font-size-2 {
-    font-size: 140%;
-}
-
-.font-size-3 {
-    font-size: 160%;
-}
-
-.font-size-4 {
-    font-size: 180%;
-}
-
-.font-size-5 {
-    font-size: 200%;
-}
-
-.font-size-small-1 {
-    font-size: 85%;
-}
-
-.font-size-small-2 {
-    font-size: 70%;
-}
-
-.font-size-small-3 {
-    font-size: 55%;
-}
-
-.font-size-small-4 {
-    font-size: 40%;
-}
-
-.font-size-small-5 {
-    font-size: 25%;
-}
-
-ref {
-    background-color: #efefef;
-    color: #555555;
-    border: 1px solid #cecece;
-    font-size: 0.8rem;
-    margin-left: 0.1rem;
-    margin-right: 0.2rem;
-}
-
-iframe {
-    max-width: 100%;
-}
-
-blockquote {
-    padding: 1em calc(2em + 25px) 1em 1em;
-    margin: 1em 0em 0em;
-    background: #eeeeee;
-    display: block;
-    border: 2px dashed #ccc;
-    border-left: 5px solid #2C3E50;
-    background-image: url('/views/acme/img/quote.png');
-    background-position: calc(100% - 10px) 10px;
-    background-repeat: no-repeat;
-    background-size: 25px;
-    font-size: 14px;
-}
-
-img {
-    max-width: 100%;
-}
-
-td {
-    padding: 5px 10px;
-    border: 1px solid #dddddd;
-}
-
-table {
-    background-color: #f5f5f5;
-    border-collapse: collapse;
-}
-
-not_del {
-    display: none;
-}
-
-#toc {
-    border: 1px solid #ccc;
-    display: inline-block;
-    padding: 20px;
-    font-size: 15px;
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
-#toc-name {
-    font-size: 18px;
-}
-
-s, strike, del {
-    color:gray;
-}
-
-s:hover, strike:hover, del:hover {
-    color:#666;background-color:#eee;text-decoration:none;
-}
-
-.scroll-buttons a:link, .scroll-buttons a:visited {
-    color: white;
-}
-
-div.scroll-buttons a {
-    display: inline-block;
-    width: 42px;
-    height: 42px;
-    padding: 5px 8px 9px 8px;
-    border: 1px solid #545454;
-    border-left: 0;
-    text-decoration: none;
-    text-align: center;
-    background: rgba(26,26,26,0.9);
-    border-bottom: 0;
-}
-
-#footnote-list {
-    margin-bottom: -20px;
-    display: block;
-}
-
-#footnote {
-    margin-bottom: -10px;
-}
-
-div.scroll-buttons {
-    position: fixed;
-    float: right;
-    height: 42px;
-    text-align: right;
-    font-size: 1.7em;
-    z-index: 10000;
-    margin-bottom: -10px;
-    bottom: 10px;
-    right: 0px;
-    opacity: 0.8;
-}
-
-div.scroll-buttons a.random-link {
-    border-left: 1px solid #545454;
-}
-
-div.scroll-buttons a {
-    display: block;
-    float: left;
-    width: 42px;
-    height: 42px;
-    padding: 5px 8px 9px 8px;
-    border: 1px solid #545454;
-    border-left: 0;
-    background: #dedede;
-    text-decoration: none;
-    text-align: center;
-    background: rgba(26,26,26,0.9);
-    border-bottom: 0;
-}
-
-table {
-    font-size: 13px;
-}
-
-.scroll-buttons .fa {
-    margin-top: 5px;
-}
-
-#yosolo {
-    width: 33.33%;
-    text-align: center;
-}
-
-#toron {
-    width: 100%;
-}
-
-#toron_color_green {
-    background-color: #B0D3AD;
-}
-
-#toron_color_red {
-    background-color: #f3c2c2;
-}
-
-#toron_color {
-    background-color: #d5d5d5;
-}
-
-#bb {
-    background: #a28a7e;
-    color: white;
-}
-
-#history {
-    margin-right: 10px;
-}
-
-.popup {
-    position: fixed;
-    padding: 10px;
-    background: #f5f5f5;
-    width: 100%;
-    bottom: 0px;
-    left: 0px;
-    text-align: center;
-    box-shadow: 0 -1px 8px 0 rgba(0,0,0,0.35);
-    z-index: 100000;
-    max-height: 30%;
-    overflow-y: scroll;
-}
-
-.foot {
-    position: fixed;
-    bottom: 0px;
-    padding: 10px;
-    width: 100%;
-    background: white none repeat scroll 0% 0%;
-    left: 0px;
-    border: 1px solid #ccc;
-    text-align: center;
-    z-index: 10000;
-}
-
-#bl {
-    background: gainsboro;
-}
-
-@media (max-width: 768px) {
-    table {
-        min-width: 100%;
-        max-width: 100;
-    }
-}
-
-textarea {
-    width: 100%;
-}
-
-a.not_thing {
-    color: #bf4c4c;
-}
-
-a.out_link {
-    color: #008000;
-}
-
-a.out_link::before {
-    padding: 0px;
-    background: transparent;
-    color: green;
-    content: "\f14c";
-    font-family: FontAwesome;
-}
-
-#open {
-    color: yellow;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    margin-bottom: 10px;
-    margin-top: 10px;
-}
-
-.navbar-brand {
-    margin: auto;
-    font-size: 28px;
-}
-
-#block {
-    background: gainsboro;
-}
-
-#toron_color_blue {
-    background: #c1ebff;
-}
-
-.foot {
-    position: fixed;
-    bottom: 0px;
-    padding: 10px;
-    width: 100%;
-    background: white none repeat scroll 0% 0%;
-    left: 0px;
-    border: 1px solid #ccc;
-    text-align: center;
-    z-index: 10000;
-    max-height: 30%;
-    overflow-y: scroll;
-}
-
-footer#footer {
-    bottom: 0;
-    position: relative;
-    width: 100%;
-}
-
-body {
-    padding-top: 70px;
-    padding-bottom: 30px;
-}
-  
-.theme-dropdown .dropdown-menu {
-    display: block;
-    position: static;
-    margin-bottom: 20px;
-}
-  
-.theme-showcase > p > .btn {
-    margin: 5px 0;
-}
-
-body {
-    word-break: break-all;
-}
-
-input[type="checkbox"] {
-    width: auto;
-}
-
-#left_end {
-    margin-right: 10px;
-    margin-top: 5px;
-    padding-bottom: 40px;
-}
-
-a.not_thing:hover {
-    color: #903535;
-}
-
-table#toron tbody tr td {
-    padding-top: 6px;
-    padding-bottom: 6px;
-}
-
-ul#redirect {
-    margin-bottom: 0;
-}

views/acme/css/style-responsive.css

@@ -1,11 +1,3 @@
-@media (min-width: 768px) and (max-width: 980px) {
-    .col-4 .item {
-        width: 47%;
-        margin-right: 2%;
-        margin-bottom: 2%;
-    }
-}
-
 @media (max-width: 767px) {
     .navbar-toggle {
         margin-top: 12px;
@@ -39,143 +31,532 @@
         color: rgb(44, 62, 80) !important;
     }
 
-    .purchase-btn, .about-testimonial {
-        margin-top: 10px;
+    .navbar-brand {
+        margin-top: 15px;
     }
 
-    .breadcrumb.pull-right{
-        padding: 0;
+    .btn, .form-control {
+        margin-bottom: 10px;
     }
+}
+
 
-    .search, .bx-controls-direction {
-        display: none;
+@media (max-width: 479px) {
+    .head-section .navbar {
+        min-height: 60px;
     }
 
-    .tweet-box {
-        margin-bottom: 20px;
+    .navbar-toggle {
+        margin-right: -10px;
     }
 
-    .property img {
-        width: 80%;
+    .head-section .nav li .dropdown-menu li a:hover {
+        color: rgb(44, 62, 80);
     }
 
-    .bx-wrapper {
-        margin-bottom: 60px;
+    .navbar-brand {
+        margin-top: 10px !important;
+        float: left !important;
     }
+}
+
+ul {
+    padding-left: 0;
+}
+
+.btn-primary {
+    background-color: #41cac0;
+    border-color: #41cac0;
+    color: #FFFFFF;
+}
 
-    .purchase-btn, .about-testimonial {
-        margin-top: 0;
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
+    background-color: #495d74;
+    color: #FFFFFF;
+    text-decoration: none;
+}
+
+label, span, body, strong, b, div, h1, h2, h3, h4, h5, h6, h7, input { 
+    font-family: "helvetica", "Noto Sans Japanese", "나눔고딕", "맑은 고딕", "Nanum Gothic", "sans-serif"; 
+}
+
+pre { 
+    font-family: "monospace"; 
+    white-space: pre-wrap;
+    overflow: hidden;
+}
+
+html {
+    background-color: rgb(44, 62, 80);
+}
+
+textarea {
+    resize: vertical;
+}
+
+input {
+    width: 100%;
+}
+
+.head-section .nav li a, .head-section .nav li.active ul.dropdown-menu li a {
+    color: #373A3C;
+}
+
+@media (min-width: 768px){
+    .head-section .nav li .dropdown-menu {
+        border: 1px solid rgb(204,204,204);
+        margin-top: -20px;
     }
+}
 
-    .purchase-btn {
-        line-height: 98px;
+@media (max-width: 767px){
+    .head-section .nav li .dropdown-menu {
+        margin-top: 0px;
+        margin-bottom: 10px;
     }
+}
 
-    .social-link-footer li a {
-        font-size: 16px;
-        height: 40px;
-        width: 40px;
+@media (max-width: 767px){
+    #searchInput {
+        width: 90%;
     }
 
-    .navbar-header {
-        float: none;
-        text-align: center;
-        width: 100%;
-        margin: 10px 0;
+    @media (max-width: 479px){
+        table {
+            min-width: 100%;
+        }
     }
     
-    .navbar-brand {
+    #searchform {
         margin-top: 15px;
     }
+}
 
-    .carousel-control {
-        font-size: 45px;
-        line-height: 70px;
+@media (max-width: 991px){
+    @media (min-width: 768px){
+        #mobile {
+            display: none;
+        }
     }
+}
 
-    .btn, .form-control {
-        margin-bottom: 10px;
+@media (min-width: 768px){
+    #searchInput {
+        width: 180px;
+    }
+
+    #right-search {
+        float: right;
     }
+}
 
+a:link {
+    color: #0093FF;
+}
 
+button {
+    border: 1px solid #aaaaaa;
+    margin-left: 0.5em;
+    border-radius: 0.25rem;
+    padding: 5px 20px 5px 20px;
+    background: white;
+    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
+}
 
+input {
+    border: 1px solid #aaaaaa;
+    padding: 5px 10px 5px 10px;
+    background: white;
+    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
 }
 
+#toc ul {
+    margin: .3em 0;
+}
 
-@media (max-width: 479px) {
+#searchInput {
+    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
+}
 
-    .head-section .navbar {
-        min-height: 60px;
-    }
+input#searchInput {
+    border: none;
+    border-bottom: 2px solid #eee;
+    box-shadow: none;
+    border-radius: 0px;
+}
 
-    .navbar-toggle {
-        margin-right: -10px;
-    }
+input#searchInput:focus {
+    border-bottom: 2px solid rgb(44, 62, 80);
+}
 
-    .head-section .nav li .dropdown-menu li a:hover {
-        color: rgb(44, 62, 80);
-    }
+.fa {
+    margin-right: 3px;
+}
 
-    .navbar-brand {
-        margin-top: 10px !important;
-        float: left !important;
-    }
+.comment {
+    word-break: break-all;
+}
 
-    .col-4 .item {
-        width: 100%;
-        margin-right: 0%;
-        margin-bottom: 2%;
-    }
+#in {
+    margin-left: 20px;
+}
 
-    .breadcrumb.pull-right{
-        float: left !important;
-        margin-top: 10px;
-        padding: 0;
-    }
+#out {
+    margin-left: 5px;
+}
 
-    .carousel-control {
-        font-size: 23px;
-        line-height: 38px;
-    }
+input {
+    max-width: 100%;
 }
 
-@media (max-width:319px) {
+.breadcrumbs h1 {
+    word-break: break-all;
+}
 
+#back_title {
+    border: 1px solid black;
+    padding: 5px;
+    margin-top: -30px;
+    margin-bottom: 20px;
+    word-break: break-all;
+}
 
+.form-control.input-sm {
+    font-size: 14px;
+    color: black;
 }
 
+li {
+    margin-left: 20px;
+    margin-bottom: 2px;
+}
 
+.nav.navbar-nav li {
+    margin: 0;
+}
 
-@media (max-width: 899px) {
-    /*Slider Sequence*/
-    #sequence-theme .info {
-        top:80px !important;
-        width:60% !important;
-        margin-right:50px;
-    }
+.btn.btn-secondary.tools-btn.dropdown-toggle {
+    height: 34px;
+}
 
-    /*Slider Parallax*/
-    .da-slide .da-img {
-        display:none;
-    }
+sub, sup {
+    line-height: 1.6rem;
 }
 
-@media (max-width: 449px) {
-    /*Slider Sequence*/
-    #sequence-theme .info {
-        top:70px !important;
-        width:70% !important;
-        margin-right:25px;
-    }
-    #sequence-theme h2 {
-        font-size:30px !important;
-    }
-    #sequence-theme .info p {
-        font-size:18px !important;
-    }
+textarea {
+    border: 1px solid #e1e8ed;
+    padding: 5px;
+    border-radius: 3px;
+    background: white;
+    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
+}
+
+.btn.btn-primary {
+    margin: 0;
+}
+
+.btn {
+    transition: all .3s ease;
+}
+
+#inside {
+    color: green;
+}
+
+.hljs {
+    background: #f5f8fa;
+}
+
+#syntax {
+    margin-bottom: -10px;
+    background-color: #f0f0f0;
+}
+
+#cate {
+    width: 100%;
+    border: 1px solid #777;
+    padding: 5px;
+    margin-top: 1em;
+}
+
+select {
+    display: inline-block;
+    padding: 0.2rem 0.4rem;
+    font-size: 16px;
+    line-height: 1.5;
+    color: #55595c;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #ccc;
+    border-radius: .25rem;
+}
+
+#preview {
+    background: #37b1e3;
+    color: white;
+    margin-bottom: 0;
+}
+
+#preview:hover {
+    background: #2b90ba;
+}
+
+input {
+    border: 1px solid #e1e8ed;
+    padding: 5px;
+    border-radius: 3px;
+}
+
+form#searchform {
+    margin-bottom: 0;
+}
+
+button#searchGoButton {
+    height: 30px;
+}
+
+button#searchSearchButton {
+    height: 30px;
+}
+
+h1#main_title {
+    margin-bottom: 0;
+    margin-top: 0;
+}
+
+a.navbar-brand {
+    width: auto;
+    margin-right: 20px;
+}
+
+blockquote {
+    padding: 1em calc(2em + 25px) 1em 1em;
+    margin: 1em 0em 0em;
+    background: #eeeeee;
+    display: block;
+    border: 2px dashed #ccc;
+    border-left: 5px solid #2C3E50;
+    background-image: url('/views/acme/img/quote.png');
+    background-position: calc(100% - 10px) 10px;
+    background-repeat: no-repeat;
+    background-size: 25px;
+    font-size: 14px;
+}
+
+img, iframe {
+    max-width: 100%;
+}
+
+table {
+    background-color: #f5f5f5;
+    border-collapse: collapse;
+}
+
+td {
+    padding: 5px 10px;
+    border: 1px solid #dddddd;
+}
+
+#toc {
+    border: 1px solid #ccc;
+    display: inline-block;
+    padding: 20px;
+    font-size: 15px;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+#toc-name {
+    font-size: 18px;
+}
+
+s, strike, del {
+    color:gray;
+}
+
+s:hover, strike:hover, del:hover {
+    color:#666;background-color:#eee;text-decoration:none;
+}
+
+.scroll-buttons a:link, .scroll-buttons a:visited {
+    color: white;
+}
+
+div.scroll-buttons a {
+    display: inline-block;
+    width: 42px;
+    height: 42px;
+    padding: 5px 8px 9px 8px;
+    border: 1px solid #545454;
+    border-left: 0;
+    text-decoration: none;
+    text-align: center;
+    background: rgba(26,26,26,0.9);
+    border-bottom: 0;
+}
+
+#footnote-list {
+    margin-bottom: -20px;
+    display: block;
+}
+
+#footnote {
+    margin-bottom: -10px;
+}
+
+div.scroll-buttons {
+    position: fixed;
+    float: right;
+    height: 42px;
+    text-align: right;
+    font-size: 1.7em;
+    z-index: 10000;
+    margin-bottom: -10px;
+    bottom: 10px;
+    right: 0px;
+    opacity: 0.8;
+}
 
-    /*Slider Parallax*/
-    .da-slide p {
-        display:none;
+div.scroll-buttons a.random-link {
+    border-left: 1px solid #545454;
+}
+
+div.scroll-buttons a {
+    display: block;
+    float: left;
+    width: 42px;
+    height: 42px;
+    padding: 5px 8px 9px 8px;
+    border: 1px solid #545454;
+    border-left: 0;
+    background: #dedede;
+    text-decoration: none;
+    text-align: center;
+    background: rgba(26,26,26,0.9);
+    border-bottom: 0;
+}
+
+.scroll-buttons .fa {
+    margin-top: 5px;
+}
+
+#yosolo {
+    width: 33.33%;
+    text-align: center;
+}
+
+#toron {
+    width: 100%;
+}
+
+#toron_color_green {
+    background-color: #B0D3AD;
+}
+
+#toron_color_red {
+    background-color: #f3c2c2;
+}
+
+#toron_color {
+    background-color: #d5d5d5;
+}
+
+.popup {
+    position: fixed;
+    padding: 10px;
+    background: #f5f5f5;
+    width: 100%;
+    bottom: 0px;
+    left: 0px;
+    text-align: center;
+    box-shadow: 0 -1px 8px 0 rgba(0,0,0,0.35);
+    z-index: 100000;
+    max-height: 30%;
+    overflow-y: scroll;
+}
+
+@media (max-width: 768px) {
+    table {
+        min-width: 100%;
     }
 }
+
+textarea {
+    width: 100%;
+}
+
+a.not_thing {
+    color: #bf4c4c;
+}
+
+a.out_link {
+    color: #008000;
+}
+
+a.out_link::before {
+    padding: 0px;
+    background: transparent;
+    color: green;
+    content: "\f14c";
+    font-family: FontAwesome;
+}
+
+#open {
+    color: yellow;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin-bottom: 10px;
+    margin-top: 10px;
+}
+
+.navbar-brand {
+    margin: auto;
+    font-size: 28px;
+}
+
+#toron_color_blue {
+    background: #c1ebff;
+}
+
+footer#footer {
+    bottom: 0;
+    position: relative;
+    width: 100%;
+}
+
+body {
+    padding-top: 70px;
+    padding-bottom: 30px;
+}
+  
+.theme-dropdown .dropdown-menu {
+    display: block;
+    position: static;
+    margin-bottom: 20px;
+}
+  
+.theme-showcase > p > .btn {
+    margin: 5px 0;
+}
+
+body {
+    word-break: break-all;
+}
+
+input[type="checkbox"] {
+    width: auto;
+}
+
+#left_end {
+    padding-bottom: 50px;
+}
+
+table#toron tbody tr td {
+    padding-top: 6px;
+    padding-bottom: 6px;
+}
+
+ul#redirect {
+    margin-bottom: 0;
+}

views/acme/css/style.css

@@ -1,35 +1,35 @@
-/*
-Template Name: Acme Business Template with Bootstrap 3
+/* Template Name: Acme Business Template with Bootstrap 3
 Template Version: 1.0
-Author: cosmic
-Website:
-*/
+Author: cosmic */
+
 body {
     color: #373a3c;
     padding: 0px !important;
     margin: 0px !important;
     font-size: 14px;
 }
+
 a {
     text-decoration: none;
     outline: none;
 }
-a:hover,
-a:focus {
-    text-decoration: underline;
-    outline: none;
-    color: #046DBC;
+
+p { 
+    line-height: 22px;
 }
-.external.text:hover, .external.text:focus {
-    color: #015301;
+
+.head-section { 
+    border-bottom: 1px solid #eee; 
 }
-p { line-height: 22px }
-/*header*/
-.head-section { border-bottom: 1px solid #eee }
+
 .head-section .navbar {
     margin-bottom: 0;
 }
-.navbar-default { border: none }
+
+.navbar-default {
+    border: none; 
+}
+
 .navbar-brand {
     color: #bcc0cd;
     font-size: 30px;
@@ -38,21 +38,32 @@ p { line-height: 22px }
     margin-top: 30px;
     padding: 0;
 }
-.navbar-brand span { color: rgb(44, 62, 80) }
+
+.navbar-brand span { 
+    color: rgb(44, 62, 80);
+}
+
 .head-section .navbar-collapse  ul.navbar-nav {
     float: right;
     margin-right: 0;
     z-index: 199;
 }
-.head-section .navbar-default { background-color: #fff }
-.head-section .nav li a,
-.head-section .nav li.active ul.dropdown-menu li a {
+
+.head-section .navbar-default { 
+    background-color: #fff; 
+}
+
+.head-section .nav li a, .head-section .nav li.active ul.dropdown-menu li a {
     color: #373A3C;
     font-size: 14px;
     font-weight: 300;
     background: none;
 }
-ul.dropdown-menu { border: none }
+
+ul.dropdown-menu { 
+    border: none; 
+}
+
 .head-section .nav li a:hover,
 .head-section .nav li a:focus,
 .head-section .nav li.active a,
@@ -63,74 +74,67 @@ ul.dropdown-menu { border: none }
 .head-section .nav li.active ul.dropdown-menu li.active a {
     color: #fff;
     background-color: rgb(44, 62, 80);
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
 }
+
 .head-section .navbar-default .navbar-nav > .open > a,
 .head-section .navbar-default .navbar-nav > .open > a:hover,
 .head-section .navbar-default .navbar-nav > .open > a:focus {
     color: #fff;
     background-color: rgb(44, 62, 80);
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
 }
-.head-section .navbar { min-height: 85px }
+
+.head-section .navbar {
+    min-height: 85px; 
+}
+
 .head-section .navbar-nav > li {
     padding-bottom: 25px;
     padding-top: 30px;
 }
-.head-section ul.navbar-nav li:last-child() { margin-left: 10px !important }
+
+.head-section ul.navbar-nav li:last-child() { 
+    margin-left: 10px !important;
+}
+
 .head-section  .navbar-nav > li > a {
     padding-bottom: 5px;
     padding-top: 5px;
     margin-left: 2px;
     line-height: 30px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
 }
-.dropdown-menu li a:hover { color: #fff !important }
+
+.dropdown-menu li a:hover { 
+    color: #fff !important; 
+}
+
 .head-section .navbar-default .navbar-nav > .open > a .caret,
 .navbar-default .nav li.dropdown > a:focus .caret {
     border-top-color: #ffffff;
     border-bottom-color: #ffffff;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
     color: #fff;
 }
-.dropdown-menu { box-shadow: none }
+
+.dropdown-menu { 
+    box-shadow: none; 
+}
+
 .head-section .nav li .dropdown-menu {
     padding: 0;
-   box-shadow: 0 2px 5px rgba(50,50,50,0.1);
+    box-shadow: 0 2px 5px rgba(50,50,50,0.1);
 }
+
 .head-section .nav li .dropdown-menu li a {
     line-height: 25px;
     padding: 3px 12px;
     border-bottom: none;
 }
-/*search*/
+
 .search {
     margin-top: 3px;
     border-radius: 0px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     width: 180px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
     border: 1px solid #fff;
     box-shadow: none;
     background: none;
@@ -138,2804 +142,97 @@ ul.dropdown-menu { border: none }
     color: #fff;
     margin-left: 10px;
 }
-#searchInput:hover, #searchInput:focus {
-    color: gray;
-}
+
 #searchInput {
     border-color: gray;
     color: gray;
 }
+
+#searchInput:hover, #searchInput:focus {
+    color: gray;
+}
+
 .search:focus {
     margin-top: 3px;
     width: 180px;
     border: 1px solid #eaeaea;
     box-shadow: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
     color: gray;
     font-weight: 300;
     margin-left: 10px;
 }
-/*homepage features*/
-.feature-head { padding: 10px 0 }
-.feature-head h1 {
-    color: #797979;
-    font-size: 30px;
-    font-weight: 300;
-    text-transform: uppercase;
-    margin-top: 40px;
-    margin-bottom: 20px;
-}
-.feature-head p {
-    color: #8a8b8b;
-    font-size: 18px;
-    font-weight: 300;
-    text-align: center;
-    padding-bottom: 5px;
-    margin-bottom: 20px;
-}
-.f-box {
-    background: #f4f4f4;
-    padding: 20px;
-    text-align: center;
-    min-height: 210px;
-    margin-bottom: 20px;
-    transition-duration: 500ms;
-    transition-property: width, background;
-    transition-timing-function: ease;
-    -webkit-transition-duration: 500ms;
-    -webkit-transition-property: width, background;
-    -webkit-transition-timing-function: ease;
-}
-.f-box i {
-    font-size: 50px;
-    line-height: normal;
-    margin-top: 40px;
-    display: block;
-    color: rgb(44, 62, 80);
-}
-.f-box:hover,
-.f-box.active {
-    background: rgb(44, 62, 80);
-    padding: 20px;
-    text-align: center;
-    min-height: 210px;
-    margin-bottom: 20px;
-    transition-duration: 500ms;
-    transition-property: width, background;
-    transition-timing-function: ease;
-    -webkit-transition-duration: 500ms;
-    -webkit-transition-property: width, background;
-    -webkit-transition-timing-function: ease;
-}
-.f-box:hover i,
-.f-box.active i {
-    font-size: 50px;
-    line-height: normal;
-    margin-top: 40px;
-    display: block;
-    color: #fff;
-}
-.f-box:hover h2,
-.f-box.active h2 { color: #fff }
-.f-box h2 {
-    font-size: 20px;
-    text-transform: uppercase;
-    font-weight: 400;
-}
-.f-text {
-    font-size: 14px;
-    font-weight: 300;
-    padding-bottom: 10px;
-    margin-bottom: 15px;
-}
-/*quote*/
-.quote {
-    margin: 40px 0 40px 0;
-    display: inline-block;
-    width: 100%;
-}
-.quote-info {
-    padding: 20px;
-    min-height: 72px;
-    margin-top: 10px;
-}
-.quote-info h1 {
-    color: #fff;
-    font-weight: 400;
-    font-size: 26px;
-    margin: 0 0 15px 0;
-    text-transform: uppercase;
-}
-.quote-info p {
-    color: #9eb3c4;
-    font-weight: 300;
-    font-size: 16px;
-    margin: 0 0 20px 0px;
-}
-.purchase-btn {
-    width: 200px;
-    height: 60px;
-    line-height: 46px;
-    font-size: 20px;
-    font-weight: 400;
-    text-transform: uppercase;
-    color: #000;
-    transition-duration: 500ms;
-    transition-property: width, background, color;
-    transition-timing-function: ease;
-    -webkit-transition-duration: 500ms;
-    -webkit-transition-property: width, background;
-    -webkit-transition-timing-function: ease;
-}
-.purchase-btn:hover {
-    background-color: #16a085;
-    border: 1px solid #16a085;
-    color: #fff;
-    transition-duration: 500ms;
-    transition-property: width, background, color;
-    transition-timing-function: ease;
-    -webkit-transition-duration: 500ms;
-    -webkit-transition-property: width, background;
-    -webkit-transition-timing-function: ease;
-}
-.accordion {
-    margin-bottom: 40px;
-    display: inline-block;
-    width: 100%;
-}
-/*tabs*/
-.tab { background: transparent; }
-.tab .nav > li > a { padding: 18px 15px }
-.tab-bg-dark-navy-blue {
-    background: #6f6f6f;
-    border-bottom: none;
-    padding: 0;
-}
-.tab-bg-dark-navy-blue .nav > li > a:hover,
-.tab-bg-dark-navy-blue .nav > li > a:focus {
-    background-color: #f4f4f4;
-    text-decoration: none;
-}
-.panel-heading .nav > li > a,
-.panel-heading .nav > li.active > a,
-.panel-heading .nav > li.active > a:hover,
-.panel-heading .nav > li.active > a:focus {
-    border-width: 0;
-    border-radius: 0;
-}
-.panel-heading .nav > li > a { color: #fff }
-.panel-heading .nav > li.active > a,
-.panel-heading .nav > li > a:hover {
-    color: #6f6f6f;
-    background: #f4f4f4;
-}
-.tab .nav-tabs.nav-justified > li { border-right: 1px solid #f4f4f4 }
-.tab .nav-tabs.nav-justified > li:last-child { border-right: none }
-.p-head {
-    color: rgb(44, 62, 80);
-    font-size: 14px;
-    font-weight: 400;
-}
-.cmt-head {
-    font-size: 14px;
-    font-weight: 400;
-}
-.p-thumb img {
-    border-radius: 3px;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-    height: 50px;
-    width: 50px;
-}
-/*testimonial*/
-.about-testimonial ul li { list-style: none }
-.about-testimonial {
-    margin: 20px 0 0 0;
-    position: relative;
-}
-ul.about-flex-slides { margin-left: 0 }
-.flex-direction-nav {
-    position: absolute;
-    right: 10px;
-    top: 30px;
-    width: 70px;
-}
-.flex-direction-nav li {
-    display: inline-block;
-    width: 12px;
-}
-.flex-direction-nav li a { outline: none }
-.flex-direction-nav li a i { color: #cccccc }
-.flex-control-paging { display: none }
-.about-carousel { margin-top: 8px }
-.about-testimonial .about-testimonial-image {
-    float: left;
-    margin: 0 15px;
-    position: relative;
-}
-.about-testimonial .about-testimonial-image img {
-    border-radius: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    height: 100px !important;
-    width: 100px !important;
-}
-.about-flexslider .about-flex-slides img {
-    display: block;
-    width: 100%;
-}
-.about-testimonial a.about-testimonial-author {
-    display: inline-block;
-    font-size: 15px;
-    text-transform: uppercase;
-    font-weight: bold;
-    line-height: 11px;
-    margin: 30px 0 8px 0;
-    color: #504946;
-    font-weight: 300;
-}
-.about-testimonial .about-testimonial-company {
-    display: block;
-    font-size: 13px;
-    line-height: 14px;
-    color: #ababab;
-    font-weight: 300;
-}
-.about-testimonial.boxed-style .about-testimonial-content {
-    background-color: #fff;
-    margin-right: 1px;
-    border: 1px solid #e9e9e9;
-}
-.about-testimonial .about-testimonial-content {
-    margin-top: 55px;
-    padding: 20px;
-    position: relative;
-}
-.about-testimonial .about-testimonial-content p {
-    line-height: 20px;
-    margin: 0;
-}
-.about-testimonial.boxed-style .about-testimonial-content:before {
-    background-color: #fff;
-    border-top: 1px solid #e9e9e9;
-    border-left: 1px solid #e9e9e9;
-    top: -8px;
-    content: "";
-    display: block;
-    height: 14px;
-    left: 60px;
-    position: absolute;
-    transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    width: 15px;
-    display: none;
-}
-/*----image hove----*/
-.view {
-    float: left;
-    overflow: hidden;
-    position: relative;
-    text-align: center;
-    cursor: default;
-    background: #fff;
-}
-.view .mask,
-.view .content {
-    position: absolute;
-    overflow: hidden;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-}
-.view img {
-    display: block;
-    position: relative;
-}
-.view h2 {
-    text-transform: uppercase;
-    color: #fff;
-    text-align: center;
-    position: relative;
-    font-size: 16px;
-    padding: 10px;
-    background: rgba(0, 0, 0, 0.8);
-    margin: 5px 0 0 0;
-}
-.view p {
-    font-size: 12px;
-    position: relative;
-    color: #fff;
-    padding: 10px 20px 20px;
-    text-align: center;
-    margin-bottom: 10px;
-}
-.view a.info {
-    display: inline-block;
-    background-color: rgba(0,0,0,0.6);
-    width: 50px;
-    height: 50px;
-    line-height: 50px;
-    border-radius: 60px;
-    -moz-border-radius: 60px;
-    -webkit-border-radius: 60px;
-}
-.view a.info:hover { background-color: rgb(44, 62, 80) }
-.mask a i {
-    color: #fff !important;
-    font-size: 16px;
-}
-.view-tenth img {
-    -webkit-transform: scaleY(1);
-    -moz-transform: scaleY(1);
-    -o-transform: scaleY(1);
-    -ms-transform: scaleY(1);
-    transform: scaleY(1);
-    -webkit-transition: all 0.4s ease-in-out;
-    -moz-transition: all 0.4s ease-in-out;
-    -o-transition: all 0.4s ease-in-out;
-    -ms-transition: all 0.4s ease-in-out;
-    transition: all 0.4s ease-in-out;
-}
-.view-tenth .mask {
-    background-color: rgba(0, 0, 0, 0.3);
-    -webkit-transition: all 0.5s linear;
-    -moz-transition: all 0.5s linear;
-    -o-transition: all 0.5s linear;
-    -ms-transition: all 0.5s linear;
-    transition: all 0.5s linear;
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
-    filter: alpha(opacity=0);
-    opacity: 0;
-}
-.view-tenth h2 {
-    background: transparent;
-    margin: 0px 10px;
-    -webkit-transform: scale();
-    -moz-transform: scale();
-    -o-transform: scale();
-    -ms-transform: scale();
-    transform: scale();
-    color: #333;
-    -webkit-transition: all 0.5s linear;
-    -moz-transition: all 0.5s linear;
-    -o-transition: all 0.5s linear;
-    -ms-transition: all 0.5s linear;
-    transition: all 0.5s linear;
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
-    filter: alpha(opacity=0);
-    opacity: 0;
-}
-.view-tenth p {
-    color: #333;
-    line-height: normal;
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
-    filter: alpha(opacity=0);
-    opacity: 0;
-    -webkit-transform: scale();
-    -moz-transform: scale();
-    -o-transform: scale();
-    -ms-transform: scale();
-    transform: scale();
-    -webkit-transition: all 0.5s linear;
-    -moz-transition: all 0.5s linear;
-    -o-transition: all 0.5s linear;
-    -ms-transition: all 0.5s linear;
-    transition: all 0.5s linear;
-}
-.view-tenth a.info {
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
-    filter: alpha(opacity=0);
-    opacity: 0;
-    -webkit-transform: scale();
-    -moz-transform: scale();
-    -o-transform: scale();
-    -ms-transform: scale();
-    transform: scale();
-    -webkit-transition: all 0.5s linear;
-    -moz-transition: all 0.5s linear;
-    -o-transition: all 0.5s linear;
-    -ms-transition: all 0.5s linear;
-    transition: all 0.5s linear;
-}
-.view-tenth:hover img {
-    -webkit-transform: scale(5);
-    -moz-transform: scale(5);
-    -o-transform: scale(5);
-    -ms-transform: scale(5);
-    transform: scale(5);
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
-    filter: alpha(opacity=.5);
-    opacity: .5;
-}
-.view-tenth:hover .mask {
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
-    filter: alpha(opacity=100);
-    opacity: 1;
-}
-.view-tenth:hover h2,
-.view-tenth:hover p,
-.view-tenth:hover a.info {
-    -webkit-transform: scale(1);
-    -moz-transform: scale(1);
-    -o-transform: scale(1);
-    -ms-transform: scale(1);
-    transform: scale(1);
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
-    filter: alpha(opacity=100);
-    opacity: 1;
-}
-/*imageview icon hover*/
-[data-zlname] {
-    position: relative;
-    overflow: hidden;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-}
-/*IMGS IN CONTAINER*/
-[data-zlname] > img {
-    display: block;
-    max-width: 100%;
-}
-/*POP UP ELEMENTS*/
-[data-zlname] [data-zl-popup] {
-    position: absolute;
-    display: block;
-    padding: 1px;
-    height: 40px;
-    width: 40px;
-    background: #323231;
-    color: #fff;
-    overflow: hidden;
-    display: none;
-    text-align: center;
-}
-/*OVERLAY*/
-/*classic*/
-[data-zl-overlay] {
-    top: 0;
-    left: 0;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    display: none;
-    padding: inherit;
-}
-/*four*/
-[data-zl-ovzoom0],
-[data-zl-ovzoom1],
-[data-zl-ovzoom2],
-[data-zl-ovzoom3] {
-    position: absolute;
-    width: 25%;
-    height: 100%;
-}
-/*rolling*/
-[data-zl-ovrolling] {
-    position: absolute;
-    display: none;
-    width: 100%;
-    height: 100%;
-}
-/*double*/
-[data-zl-ovdouble0],
-[data-zl-ovdouble1] {
-    position: absolute;
-    display: none;
-}
-/*-------*/
-[data-zlname = reverse-effect] [data-zl-popup = link] {
-    background: rgba(256,256,256,1);
-    border-radius: 50%;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-}
-[data-zlname = reverse-effect] [data-zl-popup = link2] {
-    background: rgba(256,256,256,1);
-    border-radius: 50%;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-}
-[data-zlname = reverse-effect] [data-zl-popup = link]:hover,
-[data-zlname = reverse-effect] [data-zl-popup = link2]:hover { opacity: .5 }
-/*pricing table*/
-.price-two-container {
-    margin-bottom: 50px;
-    margin-top: 15px;
-}
-.mar-two { margin-bottom: 3px }
-.service-price-one h1 {
-    margin-top: 30px;
-    margin-bottom: 20px;
-    display: inline-block;
-    border-bottom: 1px solid #c7c7c7;
-    padding-bottom: 5px;
-    text-transform: uppercase;
-}
-.pricing-table {
-    background: #fff;
-    text-align: center;
-    margin: 0 -8px 30px;
-    padding: 0 0 25px 0;
-    border: 1px solid #eee;
-    border-radius: 1px;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
-}
-.pricing-table.most-popular {
-    top: -20px;
-    position: relative;
-}
-.most-popular {
-    background: rgb(44, 62, 80);
-    color: #fff;
-    border: 1px solid #16a085;
-}
-.most-popular h1 {
-    font-size: 25px !important;
-    padding-bottom: 10px;
-    padding-top: 17px !important;
-}
-.most-popular h2 {
-    background: #16a085 !important;
-    margin-top: 20px !important;
-}
-.most-popular ul li { border-bottom: 1px dotted #fff !important }
-.most-popular .price-actions .btn {
-    background: #f35958 !important;
-    margin: 10px 0;
-    cursor: pointer;
-}
-.pricing-table .price-actions .btn {
-    border-radius: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 4px;
-    background: rgb(44, 62, 80);
-    color: #fff;
-    border: none;
-    box-shadow: none;
-    text-shadow: none;
-    padding: 10px 20px;
-    width: 90%;
-    cursor: pointer;
-}
-.pricing-head h1 {
-    font-size: 20px;
-    font-weight: 300;
-    padding-top: 15px;
-}
-.pricing-head h2 {
-    padding: 30px 0;
-    background: #EEC;
-    font-size: 50px;
-    border-radius: 50%;
-    -moz-border-radius: 50%;
-    -webkit-border-radius: 50%;
-    font-weight: 100;
-}
-.pricing-table ul {
-    margin: 15px 0;
-    padding: 0;
-}
-.pricing-table ul li {
-    border-bottom: 1px dotted #CCCCCC;
-    margin: 0 2em;
-    padding: 1em 0;
-    text-align: center;
-    font-weight: 300;
-}
-.pricing-head span.note {
-    display: inline;
-    font-size: 25px;
-    line-height: 0.8em;
-    position: relative;
-    top: -18px;
-}
-.pricing-quotation,
-.team-info {
-    background: #EEEEEE;
-    padding: 20px 20px 35px 20px;
-    margin-bottom: 100px;
-    display: inline-block;
-    width: 100%;
-    text-align: center;
-    border-radius: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-}
-.pricing-quotation h3,
-.team-info h3 { font-weight: 300 }
-.pricing-quotation p,
-.team-info p { margin-bottom: 0px }
-.pricing-plan,
-.team-info-wrap { position: relative }
-.pricing-quotation:before,
-.team-info:before {
-    background-color: #EEEEEE;
-    border-color: #EEEEEE;
-    border-image: none;
-    border-right: 1px solid #EEEEEE;
-    border-style: none;
-    top: -7px;
-    content: "";
-    display: block;
-    height: 14px;
-    left: 48%;
-    position: absolute;
-    transform: rotate(45deg);
-    -moz-transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    width: 15px;
-}
+
 .breadcrumbs {
-         background:rgb(44, 62, 80);
+    background:rgb(44, 62, 80);
     color: #fff;
     padding: 25px 0;
-    margin-bottom: 40px;
+    margin-bottom: 20px;
 }
+
 .breadcrumb {
     margin-bottom: 0;
     background: none;
 }
-.breadcrumb li a { color: white }
-.breadcrumb li.active { color: #fff }
+
+.breadcrumb li a { 
+    color: white; 
+}
+
+.breadcrumb li.active {
+    color: #fff;
+}
+
 .breadcrumbs h1 {
     font-size: 24px;
     margin: 3px 0 0;
     text-transform: none;
 }
-/*contact*/
-.contact-map {
-    margin-top: 40px;
-    margin-bottom: 40px;
-}
-.contact-form { margin-bottom: 20px }
-.address h4 {
-    color: #797979;
-    margin-top: -3px;
-    text-transform: uppercase;
-    margin-bottom: 20px;
-}
-section.contact-infos {
-    border: 1px solid #eee;
-    margin-bottom: 15px;
-    padding: 10px;
-}
-/*about us*/
-.about-us img { width: 100% }
-.about ul { line-height: 25px }
-.carousel-control.left,
-.carousel-control.right {
-    background: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.carousel-control {
-    background: #000000 !important;
-    bottom: 40%;
-    color: #FFFFFF;
-    font-size: 20px;
-    left: 0;
-    line-height: 53px;
-    opacity: 0.5;
-    position: absolute;
-    text-align: center;
-    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
-    top: 40%;
-    width: 10%;
-}
-.carousel-control:hover {
-    color: #FFFFFF;
-    text-decoration: none;
-}
-.carousel-control:hover,
-.carousel-control:focus { opacity: 0.6 }
-.carousel-caption {
-    background: rgba(0,0,0,0.6);
-    padding-bottom: 0px;
-    bottom: 0;
-    color: #FFFFFF;
-    left: 0 !important;
-    padding-bottom: 5px;
-    padding-top: 10px;
-    position: absolute;
-    right: 0 !important;
-    text-align: center;
-    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
-    z-index: 10;
-}
-.carousel-caption p { text-align: center }
-.about h3 {
-    color: #475168;
-    margin-top: 4px;
-}
-.icon-wrap {
-    font-size: 2em;
-    height: 60px;
-    width: 60px;
-    float: left;
-    line-height: 60px;
-    text-align: center;
+
+.footer {
+    background: rgb(44, 62, 80);
     color: #fff;
-    margin-right: 30px;
-}
-.ico-bg { background: rgb(44, 62, 80) }
-.round-five {
-    border-radius: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-}
-.round-fifty {
-    border-radius: 50px;
-    -moz-border-radius: 50px;
-    -webkit-border-radius: 50px;
-    margin-left: 40%;
-    margin-top: -25px;
-}
-.content h3,
-.media h3 {
-    margin-top: 0;
-    color: #475168;
-    font-size: 20px;
-}
-.media h3 { margin-top: 20px }
-.media-body h4 {
-    font-size: 16px;
-    color: #475168;
-}
-.media-body a {
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.hiring,
-.services {
-    margin-bottom: 30px;
+    padding: 50px 0;
     display: inline-block;
     width: 100%;
-}
-.price-container-service {
-    margin-top: 30px;
-    padding-bottom: 30px;
-}
-.service-price-one { padding-bottom: 10px }
-.hiring {
-    margin-top: 20px;
-    border-top: 1px solid #eee;
-    padding-top: 30px;
-}
-.hiring h2 {
-    text-align: center;
-    padding-bottom: 10px;
-    margin-bottom: 50px;
-    text-transform: uppercase;
-}
-.gray-box {
-    background: #f2f2f2;
-    padding: 30px 0;
-    margin-bottom: 15px;
-}
-.progress { background-color: #E1E1E1 }
-.flexslider {
-    background: none;
-    border: none;
-}
-.about-skill-meter .sr-only { position: static !important }
-.about-skill-meter .progress-bar {
-    background-color: #e1e1e1;
-    text-align: left;
-}
-.about-skill-meter .progress {
-    height: 30px;
-    box-shadow: none;
-    line-height: 30px;
-}
-.about-skill-meter .progress-bar-danger { box-shadow: none }
-.skills {
-    margin-bottom: 25px;
-    color: #47506a;
-    font-size: 20px;
-}
-/*team*/
-.person { margin-bottom: 10px }
-.person img {
-    width: 210px;
-    height: 210px;
-    border-radius: 1%;
-    -webkit-border-radius: 1%;
-    -moz-border-radius: 1%;
-}
-.team-social-link {
-    display: block;
-    margin: 10px 0 5px 0;
-    text-align: center;
-}
-.team-social-link a {
-    display: inline-block !important;
-    color: #cac8c7;
-    font-size: 20px;
-    border: 1px solid #eee;
-    padding-right: 8px;
-    padding-left: 8px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.team-social-link a:hover {
-    color: rgb(44, 62, 80);
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.person-info h4,
-.person-info h4 a {
-    color: #f37c6b;
     font-weight: 300;
-    margin-bottom: 5px;
-}
-.mtop30 { margin-top: 30px }
-/*typography*/
-.highlight-1 {
-    background: #a0d468;
-    color: #FFFFFF;
 }
-.highlight-2 {
-    background: #656d78;
-    color: #FFFFFF;
-}
-.highlight-3 {
-    background: #Ffce54;
-    color: #242424;
-}
-.dropcap {
-    background-color: #666666;
-    color: #FFFFFF;
-    float: left;
-    font-size: 30px;
-    line-height: 30px;
-    margin: 4px 8px 0 0;
-    padding: 5px 10px;
-    text-align: center;
-}
-.dropcap2 {
-    background-color: #666666;
-    border-radius: 50%;
-    -moz-border-radius: 50%;
-    -webkit-border-radius: 50%;
-    color: #FFFFFF;
-    float: left;
-    font-size: 35px;
-    height: 41px;
-    line-height: 25px;
-    margin: 3px 8px 0 0;
-    padding: 10px;
-    text-align: center;
-}
-/*buttons*/
-.btn-row { margin-bottom: 30px }
-/*blog*/
-.blog-item {
-    margin-bottom: 40px;
-    padding-bottom: 40px;
-    border-bottom: 1px dashed #ddd;
-}
-/*blog-2-col*/
-.blog-left {
-    border: 1px solid #eee;
-    margin-bottom: 30px;
+
+.footer-small {
+    background-color: rgb(44, 62, 80);
+    margin-top: 30px;
+    padding-top: 5px;
 }
-.blog-left .btn {
-    margin-left: 20px;
-    margin-bottom: 20px;
+
+.copyright {
+    color: #fff;
+    padding-top: 15px;
 }
-.blog-right {
-    border: 1px solid #eee;
-    margin-bottom: 30px;
+
+#search {
+    background-color: #fff; 
 }
-.blog-right .btn {
-    margin-left: 20px;
-    margin-bottom: 20px;
+
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+    .container { 
+        width: 768px;
+    }
 }
-.blog-two-info { padding: 15px 10px 0 20px }
-.blog-two-info .label-info {
-    background-color: rgb(44, 62, 80);
-    opacity: .7;
-    margin-right: 4px;
+
+@media only screen and (max-width: 767px) {
+    .container { 
+        width: 95%;
+    }
 }
-.blog-content { padding: 20px }
-.video-container {
-    position: relative;
-    padding-bottom: 56.25%;
-    padding-top: 30px;
-    height: 0;
-    overflow: hidden;
+
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+    .container {
+        width: 70%;
+    }
 }
-.single-video { padding-bottom: 43% !important }
-.video-container iframe,
-.video-container object,
-.video-container embed {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-/*blog 2*/
-.date-wrap,
-.comnt-wrap { margin-bottom: 20px }
-.date-wrap span,
-.comnt-wrap span {
-    display: block;
-    padding: 10px 0;
-    text-align: center;
-}
-.date-wrap .date {
-    font-size: 30px;
-    font-weight: 300;
-    background: rgb(44, 62, 80);
-    color: #fff;
-    border-radius: 1px 1px 0 0;
-    -webkit-border-radius: 1px 1px 0 0;
-    -moz-border-radius: 1px 1px 0 0;
-}
-.date-wrap .month {
-    font-size: 16px;
-    font-weight: 300;
-    background: #f6f5f0;
-    color: #a19fa2;
-    border-radius: 0 0 1px 1px;
-    -webkit-border-radius: 0 0 1px 1px;
-    -moz-border-radius: 0 0 1px 1px;
-}
-.comnt-wrap .comnt-ico {
-    background: #efeee9;
-    color: #a0a0a0;
-    border-radius: 1px 1px 0 0;
-    -webkit-border-radius: 44px;
-    font-size: 20px;
-}
-.comnt-wrap .value {
-    background: #f6f5f0;
-    color: #a0a0a0;
-    border-radius: 0 0 1px 1px;
-    -moz-border-radius: 0 0 1px 1px;
-    -webkit-border-radius: 0 0 1px 1px;
-}
-.blog-img img {
-    width: 100%;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-}
-.blog-item h1,
-.blog-item h1 a {
-    font-size: 25px;
-    color: rgb(44, 62, 80);
-    font-weight: 300;
-}
-.blog-item h1 {
-    margin-bottom: 20px;
-    line-height: 35px;
-}
-.blog-item h1 a:hover { text-decoration: none }
-.author {
-    margin: 25px 0 30px 0;
-    font-size: 16px;
-}
-.author a,
-.st-view a { color: rgb(44, 62, 80) }
-.st-view { margin-top: 20px }
-.st-view ul li { margin-bottom: 5px }
-.blog-side-item h3 {
-    margin-top: 30px;
-    color: #475268;
-    font-size: 18px;
-}
-.blog-side-item ul li {
-    margin-bottom: 5px;
-    border-bottom: 1px solid #efefef;
-    line-height: 35px;
-}
-.blog-side-item ul li a {
-    display: inline-block;
-    width: 100%;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.media p { line-height: normal }
-ul.tag {
-    display: inline-block;
-    width: 100%;
-}
-ul.tag li {
-    float: left;
-    margin: 0px 5px 0 0;
-    border-bottom: none;
-    list-style: none;
-}
-ul.tag li a {
-    border: 1px solid #e8e8e8;
-    border-radius: 4px;
-    line-height: 15px;
-    padding: 5px;
-    border-radius: 1px 1px 10px 1px;
-    -moz-border-radius: 1px 1px 10px 1px;
-    -webkit-border-radius: 1px 1px 10px 1px;
-}
-.media img.media-object {
-    border-radius: 3%;
-    -moz-border-radius: 3%;
-    -webkit-border-radius: 3%;
-    height: 80px;
-    width: 80px;
-}
-/*footer*/
-.footer {
-    background: rgb(44, 62, 80);
-    color: #fff;
-    padding: 50px 0;
-    display: inline-block;
-    width: 100%;
-    font-weight: 300;
-}
-.footer h1 {
-    font-size: 20px;
-    text-transform: uppercase;
-    font-weight: 400;
-    margin-top: 0;
-    margin-bottom: 20px;
-}
-.footer address a { color: rgb(44, 62, 80) }
-.tweet-box {
-    background: #505b71;
-    padding: 8px 15px;
-    border-radius: 1px;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
-    border-bottom: 1px solid #636F79;
-    font-size: 14px;
-}
-.tweet-box:before {
-    background-color: #505b71;
-    border-color: #505b71;
-    border-image: none;
-    border-right: 1px none #505b71;
-    border-style: none;
-    content: "";
-    display: block;
-    height: 22px;
-    left: 60px;
-    position: absolute;
-    top: 32px;
-    transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    width: 22px;
-}
-.tweet-box  a,
-.tweet-box i { color: #00adef }
-.tweet-box  a:hover { color: rgb(44, 62, 80) }
-.tweet-box i {
-    font-size: 40px;
-    float: left;
-    margin-right: 15px;
-}
-.social-link-footer li {
-    float: right;
-    margin: 5px 10px 5px 0px;
-    padding-bottom: 5px;
-}
-.social-link-footer li a {
-    color: #fff;
-    background: #505b71;
-    padding: 10px;
-    width: 50px;
-    height: 50px;
-    border-radius: 50px;
-    -moz-border-radius: 50px;
-    -webkit-border-radius: 50px;
-    float: left;
-    text-align: center;
-    font-size: 20px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.social-link-footer li a:hover {
-    background: rgb(44, 62, 80);
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.copyright {
-    color: #fff;
-    padding-top: 15px;
-}
-.page-footer { padding: 0% 13% }
-.page-footer h1 { padding-left: 4% }
-ul.page-footer-list {
-    list-style: none;
-    padding: 0px 10px;
-}
-ul.page-footer-list li {
-    line-height: 35px;
-    border-bottom: 1px dashed #636F79;
-}
-ul.page-footer-list a { color: #fff }
-ul.page-footer-list li i { padding-right: 10px }
-.footer-small {
-    background-color: rgb(44, 62, 80);
-    margin-top: 30px;
-    padding-top: 5px;
-}
-.text-footer {
-    padding-left: 10px;
-    margin-left: 10px;
-}
-.text-footer p { text-align: left }
-.address p {
-    text-align: left;
-    margin-bottom: 10px;
-}
-/*slider css*/
-.main-slider {
-    background: #475168;
-    color: #fff;
-    z-index: 1;
-    position: relative;
-    overflow: hidden;
-}
-.slider-colored {
-    z-index: 1;
-    position: relative;
-    border-top: solid 1px #eee;
-    border-bottom: solid 1px #eee;
-}
-.slide_title {
-    font-weight: 300;
-    color: rgb(44, 62, 80);
-    text-transform: uppercase;
-    font-size: 35px;
-}
-.slide_subtitle {
-    font-weight: 400;
-    padding: 5px;
-    color: #fff;
-    text-transform: uppercase;
-    font-size: 18px;
-}
-.slide_list_item {
-    font-weight: 400;
-    padding: 5px;
-    color: #fff;
-    text-transform: uppercase;
-    font-size: 14px;
-}
-.slide_desc {
-    color: #fff;
-    font-size: 14px;
-    line-height: 24px;
-    font-weight: lighter;
-}
-.slide_desc_bordered {
-    border-left: 3px solid #ddd !important;
-    padding-left: 5px;
-}
-.slide_btn {
-    font-weight: 300;
-    background: rgb(44, 62, 80);
-    padding: 15px 20px;
-    color: #fff;
-    font-size: 14px;
-    text-transform: uppercase;
-    cursor: pointer;
-}
-.slide_btn:hover,
-.slide_btn:focus {
-    font-weight: 300;
-    background: #16a085;
-    padding: 15px 20px;
-    color: #fff;
-    font-size: 14px;
-    text-transform: uppercase;
-    cursor: pointer;
-}
-.dark-text { color: #797d87 }
-.yellow-txt { color: #ffe582 }
-#home-services { text-align: center }
-#home-services h2 {
-    margin-bottom: 65px;
-    text-transform: uppercase;
-    margin-top: 45px;
-    padding-bottom: 5px;
-    text-align: center;
-    font-size: 25px;
-}
-.h-service {
-    border: 1px solid #eee;
-    margin-bottom: 25px;
-}
-#home-services .h-service-content h3 {
-    padding-top: 40px;
-    text-align: center;
-}
-.h-service-content p {
-    text-align: center;
-    padding: 5px 21px 20px;
-}
-.h-service-content a {
-    color: #e74c3c;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.h-service-content a:hover { color: #16a085 }
-/*recent work*/
-.recent h3{
-    text-align: center;
-    /*margin-bottom: 20px;*/
-    text-transform: uppercase;
-    margin-top: 50px;
-    font-weight: 400;
-    padding-bottom: 5px;
-    margin-bottom: 20px;
-    /*text-align: center;*/
-}
-.recent p {
-    text-align: center;
-    text-transform:uppercase;
-    margin-bottom: 35px;
-}
-.recent {
-    margin-bottom: 50px;
-}
-.bx-wrapper { position: relative }
-.bx-wrapper .bx-controls-direction a {
-    background-color: #f7f7f7;
-    position: absolute;
-    top: 25px;
-    outline: 0;
-    width: 24px;
-    height: 24px;
-    z-index: 9;
-    text-indent: -9999px;
-}
-/*property*/
-.property {
-    padding: 80px 0;
-    margin-bottom: 60px;
-    background-color: #fafafa;
-}
-.bg-lg { background:#f9f9f3  }
-.gray-bg { background: #f9f9f3 }
-.property h1 {
-    color: #475168;
-    font-size: 24px;
-    text-transform: uppercase;
-    font-weight: 400;
-    margin-bottom: 30px;
-}
-.property hr { border-color: #dfdcdf }
-.property i { color: rgb(44, 62, 80) }
-a.btn-purchase {
-    background: #475168;
-    color: #fff;
-    text-transform: uppercase;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px padding 20px 40px;
-    margin-top: 30px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-a.btn-purchase:hover,
-a.btn-purchase:focus {
-    background: rgb(44, 62, 80);
-    color: #fff;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-/*clients*/
-.clients { padding: 0 0 30px }
-.clients h2 {
-    margin-bottom: 20px;
-    margin-top: 20px;
-    text-align: left;
-    text-transform: uppercase;
-    padding-bottom: 5px;
-}
-.clients ul li {
-    display: inline-block;
-    margin: 10px 30px;
-}
-.clients ul li:hover {
-    background-color: #f7f7f7;
-    -webkit-transition: all .5s ease;
-    -moz-transition: all .5s ease;
-    -ms-transition: all .5s ease;
-    -o-transition: all .5s ease;
-    transition: all .5s ease;
-}
-.our-clients {
-    position: relative;
-    margin-top: 15px; }
-.our-clients h2 {
-    margin-top: 3px;
-    margin-bottom: 10px;
-}
-.clients-list { margin: 0 }
-.clients-list li {
-    background: #f9f9f9;
-    position: relative;
-}
-.clients-list li img.color-img {
-    top: 0;
-    left: 0;
-    display: none;
-    position: absolute;
-}
-.clients-list li:hover img.color-img { display: block }
-/*portfolio*/
-.pf-img img {
-    width: 100%;
-    border-radius: 1px;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
-}
-.pf-detail {
-    padding-bottom: 15px;
-    font-size: 15px;
 
-}
-.pf-detail p {
-    font-family: 'Lato',sans-serif;
-}
-.pf-list {
-    line-height: 30px;
-    font-size: 15px;
-}
-.pf-list i { color: #c7c7c7 }
-.image-caption a { padding: 10px 15px }
-.pad-ten { padding-bottom: 30px }
-.title { margin-top: 40px }
-/*Photo Gallery*/
-#gallery {
-    margin: auto;
-    position: relative;
-    width: 100%;
-}
-#gallery h2 {
-    color: #fff;
-    padding-top: 30px;
-}
-.gallery-container {
-    margin: 0 auto 40px auto;
-    position: relative;
-    width: 100%;
-}
-.col-4 .item {
-    width: 23%;
-    margin-right: 2%;
-    margin-bottom: 2%;
-}
-.col-4 .item img { height: 230px }
-ul#filters {
-    display: inline-block;
-    width: 100%;
-    margin: 25px 0 25px 0;
-}
-ul#filters li {
-    float: left;
-    margin-right: 10px;
-    margin-bottom: 10px;
-}
-ul#filters li a {
-    background: #E2E0E1;
-    padding: 10px 15px;
-    display: inline-block;
-    color: #7D797A;
-    outline: none;
-    border-radius: 5px;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    transition-duration: 500ms;
-    transition-property: width, background;
-    transition-timing-function: ease;
-    -moz-transition-duration: 500ms;
-    -moz-transition-property: width, background;
-    -moz-transition-timing-function: ease;
-    -webkit-transition-duration: 500ms;
-    -webkit-transition-property: width, background;
-    -webkit-transition-timing-function: ease;
-}
-ul#filters > li > a:hover,
-ul#filters > li > a:focus,
-ul#filters > .active > a,
-ul#filters > .active > span {
-    background: rgb(44, 62, 80);
-    padding: 10px 15px;
-    display: inline-block;
-    color: #fff;
-    border-radius: 5px;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    transition-duration: 500ms;
-    transition-property: width, background;
-    transition-timing-function: ease;
-    -moz-transition-duration: 500ms;
-    -moz-transition-property: width, background;
-    -moz-transition-timing-function: ease;
-    -webkit-transition-duration: 500ms;
-    -webkit-transition-property: width, background;
-    -webkit-transition-timing-function: ease;
-}
-.item img {
-    width: 100%;
-    height: 100%;
-}
-.text-grid a { color: #fff }
-.text-grid div { padding: 0 10px }
-.text-grid p { margin-bottom: 10px }
-/*parallax*/
-.parallax1 {
-    background-size: cover;
-    width: 100%;
-    min-height: 400px;
-    background-color: rgb(44, 62, 80);
-    font-style: italic;
-}
-.parallax1 h1 {
-    text-align: center;
-    color: #fff;
-    font-size: 25px;
-    font-weight: 300;
-    line-height: 40px;
-    margin-top: 160px;
-}
-/*newsletter*/
-#newsletter {
-    background-color: rgb(44, 62, 80);
-    padding: 60px 0;
-}
-#newsletter p.lead {
-    color: white;
-    padding-top: 0px;
-    margin-top: -5px;
-}
-#newsletter input {
-    border: none;
-    border-radius: 0px;
-    -webkit-border-radius: 0px;
-    -moz-border-radius: 0px;
-    margin-left: -1px;
-}
-#newsletter-faq p.lead {
-    color: white;
-    padding-top: 6px;
-}
-#newsletter-faq input {
-    border: none;
-    border-bottom-left-radius: 3px;
-    border-top-left-radius: 3px;
-    margin-left: -1px;
-}
-.btn.btn-inverse {
-    background-color: #475168;
-    color: #fff;
-    height: 45px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-inverse:hover {
-    background-color: #415b76;
-    color: #fff;
-    height: 45px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.newsletter-input { height: 45px }
-.btn-nl {
-    border-radius: 3px;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-}
-.btn-nl:hover {
-    border-radius: 3px;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-}
-.wh-bg {
-    background-color: #fff;
-    padding: 15px;
-    margin: 35px 0;
-    border: 1px solid #eee;
-    z-index: 20;
-}
-.position { text-align: center }
-.wh-bg h3 { text-align: center }
-/*faq*/
-#newsletter-faq {
-    padding: 72px 0;
-    background: url("../img/tg-black-bg.png") no-repeat fixed top rgba(0,0,0,0.7);
-    height: 200px;
-    margin-top: 30px;
-    margin-bottom: 30px;
-}
-#faq-other mark {
-    background: rgb(44, 62, 80);
-    color: #fff;
-}
-.faq-square { margin: 40px 0 20px }
-/*registration*/
-.registration-bg {
-    margin-top: -40px;
-    background-color: #f1f2f7;
-}
-/*login*/
-.login-page {
-    min-width: 25%;
-    max-width: 25%;
-    padding: 35px 30px 30px;
-    background: #fcfcfc;
-    border: solid 1px #eee;
-    margin: 40px auto;
-    border: 17px solid #eee;
-}
-.gr-bg {
-    background-color: rgb(44, 62, 80);
-    margin-top: -40px;
-    margin-bottom: -50px;
-}
-#btn-login {
-    background-color: rgb(44, 62, 80);
-    border: none;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-    font-size: 17px;
-}
-#btn-fblogin {
-    background-color: #3B5998;
-    border: none;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-    font-size: 17px;
-}
-.panel {
-    z-index: 100;
-    box-shadow: 0 1px 1px rgba(0,0,0,0.12);
-    border-radius: 1px;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
-}
-.panel-heading {
-    border-top-right-radius: 1px;
-    border-top-left-radius: 1px;
-    background-color: rgb(44, 62, 80);
-    border: none;
-}
-.panel-info>.panel-heading {
-    color: #eee;
-    background-color: rgb(44, 62, 80);
-}
-.panel-info>.panel-heading a:hover { color: #eee }
-.panel-body {
-    border-radius: 1px;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
-    border: 1px solid #eee;
-}
-.form-control {
-    border: 1px solid #d9d9d9;
-    border-radius: 3px;
-}
-.form-control:focus {
-    border: none;
-    border: 1px solid #d9d9d9;
-}
-.input-group-addon {
-    border: border 1px solid #d9d9d9;
-    border-radius: 1px;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
-}
-#signupbox { margin-bottom: 20px }
-#btn-signup {
-    background-color: rgb(44, 62, 80);
-    border-radius: 1px;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
-    border: none;
-    font-size: 17px;
-}
-#signinlink:hover { color: #fff }
-#btn-fbsignup {
-    background-color: #3B5998;
-    border: none;
-    border-radius: 1px;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
-    font-size: 17px;
-    width: 100%;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-#btn-twsignup {
-    background-color: #52D2D8;
-    border: none;
-    border-radius: 1px;
-    -moz-border-radius: 1px;
-    -webkit-border-radius: 1px;
-    font-size: 17px;
-    width: 100%;
-    padding-top: 10px;
-    padding-bottom: 10px;
-}
-#search { background-color: #fff }
-.btn-lg {
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-}
-#owl-demo { margin-bottom: 15px }
-#owl-demo .item { margin: 3px }
-#owl-demo .item img {
-    display: block;
-    width: 100%;
-    height: auto;
-}
-/*login*/
-/*login page*/
-.login-body { background-color: #f1f2f7 }
-.form-signin {
-    max-width: 330px;
-    margin: 50px auto 50px;
-    background: #fff;
-    border-radius: 3px;
-    -moz-border-radius: 3px;
-    -webkit-border-radius: 3px;
-}
-.form-signin h2.form-signin-heading {
-    margin: 0;
-    padding: 20px 15px;
-    text-align: center;
-    background: rgb(44, 62, 80);
-    border-radius: 3px 3px 0 0;
-    -moz-border-radius: 3px 3px 0 0;
-    -webkit-border-radius: 3px 3px 0 0;
-    color: #fff;
-    font-size: 18px;
-    text-transform: uppercase;
-    font-weight: 300;
-}
-.form-signin .checkbox { margin-bottom: 14px }
-.form-signin .checkbox {
-    font-weight: normal;
-    color: #b6b6b6;
-    font-weight: 300;
-}
-.form-signin .form-control {
-    position: relative;
-    font-size: 16px;
-    height: 38px;
-    padding: 10px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-.form-signin .form-control:focus { z-index: 2 }
-.form-signin input[type="text"],
-.form-signin input[type="password"] {
-    margin-bottom: 15px;
-    border-radius: 3px;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border: 1px solid #eaeaea;
-    box-shadow: none;
-    font-size: 12px;
-}
-.form-signin .btn-login {
-    background: rgb(44, 62, 80);
-    color: #fff;
-    text-transform: uppercase;
-    font-weight: 300;
-    margin-bottom: 20px;
-    border-radius: 3px;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.form-signin .btn-login:hover {
-    background: #37BC9B;
-    border-radius: 3px;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.form-signin p {
-    text-align: center;
-    color: #b6b6b6;
-    font-size: 16px;
-    font-weight: 300;
-}
-.form-signin a { color: #41cac0 }
-.form-signin a:hover { color: #b6b6b6 }
-.login-wrap {
-    padding: 20px;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-}
-.login-social-link {
-    display: inline-block;
-    margin-top: 20px;
-    margin-bottom: 15px;
-}
-.login-social-link a {
-    color: #fff;
-    padding: 15px 28px;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-}
-.login-social-link a:hover { color: #fff }
-.login-social-link a i {
-    font-size: 20px;
-    padding-right: 10px;
-}
-.login-social-link a.facebook {
-    background: #5D9CEC;
-    margin-right: 15px;
-    border-radius: 3px;
-    -moz-border-radius:3px;
-    -webkit-border-radius:3px;
-    margin-bottom: 2px;
-    float: left;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.login-social-link a.facebook:hover {
-    background: #4A89DC;
-    border-radius: 3px;
-    -moz-border-radius:3px;
-    -webkit-border-radius:3px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.login-social-link a.twitter {
-    background: #4FC1E9;
-    border-radius: 3px;
-    -moz-border-radius:3px;
-    -webkit-border-radius:3px;
-    float: left;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.login-social-link a.twitter:hover {
-    background: #3BAFDA;
-    border-radius: 3px;
-    -moz-border-radius:3px;
-    -webkit-border-radius:3px;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.form-wrapper { padding-bottom: 70px }
-.login-bg {
-    margin-top: -40px;
-    margin-bottom: -50px;
-    background-color: #f1f2f7;
-}
-.modal-content {
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-}
-.modal-input { border: 1px solid #eee }
-.modal-input:focus { border: 1px solid #eee }
-#accordion .panel-heading-faq { border: 1px solid #c7c7c7 }
-#accordion .panel-body {
-    border-width: 0px 1px 1px 1px;
-    border-color: #c7c7c7;
-    border-style: solid;
-    background-color: #fff;
-}
-#accordion .panel {
-    box-shadow: none;
-    border: none;
-}
-.panel-group .panel {
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-}
-.headline {
-    display: block;
-    margin: 10px 0 25px 0;
-}
-.margin { margin-bottom: 20px }
-.add li { margin-bottom: 6px }
-ul.unstyled,
-ol.unstyled {
-    margin-left: 0;
-    list-style: none;
-}
-#heading { text-align: center }
-#heading p{
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-}
-.thumbnail {
-    position: relative;
-    padding: 0px;
-    margin-bottom: 30px;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-}
-.thumbnail img { width: 100% }
-.profile { margin-top: 20px }
-.profile h2 {
-    text-align: center;
-    padding-bottom: 5px;
-    padding-top: 5px;
-    margin-bottom: 40px;
-}
-.about-hiring { padding-bottom: 15px }
-.height { height: 40px }
-.skill_bar_progress {
-    width: 0%;
-    padding-left: 10px;
-    padding-top: 4px;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-    color: #fff;
-    height: 100%;
-    background: rgb(44, 62, 80);
-}
-.skill_bar {
-    width: 100%;
-    height: 30px;
-    background: #e1e1e1;
-    margin-bottom: 20px;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-    overflow: hidden;
-}
-#progressbar {
-    width: 100%;
-    clear: both;
-}
-#progress {
-    background: rgb(44, 62, 80); /*-- Color of the bar --*/
-    width: 0%;
-    color: #fff;
-    padding-left: 8px;
-    max-width: 100%;
-    float: left;
-    -webkit-animation: progress 2s 1 forwards;
-    -moz-animation: progress 2s 1 forwards;
-    -ms-animation: progress 2s 1 forwards;
-    animation: progress 2s 1 forwards;
-}
-@-webkit-keyframes progress {
-    from { }
-    to { width: 70% }
-}
-@-moz-keyframes progress {
-    from { }
-    to { width: 36% }
-}
-@-ms-keyframes progress {
-    from { }
-    to { width: 36% }
-}
-@keyframes progress {
-    from { }
-    to { width: 36% }
-}
-/* carousel */
-#quote-carousel {
-    padding: 0 10px 30px 10px;
-    margin-top: 30px 0px 0px;
-}
-/* Control buttons  */
-#quote-carousel .carousel-control {
-    background: none;
-    color: #222;
-    font-size: 2.3em;
-    text-shadow: none;
-    margin-top: 30px;
-}
-/* Previous button  */
-#quote-carousel .carousel-control.left { left: -12px }
-/* Next button  */
-#quote-carousel .carousel-control.right { right: -12px !important }
-/* Changes the position of the indicators */
-#quote-carousel .carousel-indicators {
-    right: 50%;
-    top: auto;
-    bottom: 0px;
-    margin-right: -19px;
-}
-/* Changes the color of the indicators */
-#quote-carousel .carousel-indicators li { background: #c0c0c0 }
-#quote-carousel .carousel-indicators .active { background: #333333 }
-#quote-carousel img {
-    width: 250px;
-    height: 100px;
-}
-/* End carousel */
-.item blockquote {
-    border-left: none;
-    margin: 0;
-}
-.item blockquote img { margin-bottom: 10px }
-.item blockquote p:before {
-    content: "\f10d";
-    font-family: 'Fontawesome';
-    float: left;
-    margin-right: 10px;
-}
-/**
-  MEDIA QUERIES
-*/
-/* Small devices (tablets, 768px and up) */
-@media (min-width: 768px) {
-    #quote-carousel {
-        margin-bottom: 0;
-        padding: 30px;
-    }
-}
-/* Small devices (tablets, up to 768px) */
-@media (max-width: 767px) {
-    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
-    #quote-carousel .carousel-indicators { bottom: -20px !important }
-    #quote-carousel .carousel-indicators li {
-        display: inline-block;
-        margin: 0px 5px;
-        width: 15px;
-        height: 15px;
-    }
-    #quote-carousel .carousel-indicators li.active {
-        margin: 0px 5px;
-        width: 20px;
-        height: 20px;
-    }
-}
-#filters {
-    margin: 1%;
-    padding: 0;
-    list-style: none;
-}
-#filters li { float: left }
-#filters li span {
-    display: block;
-    padding: 5px 20px;
-    text-decoration: none;
-    color: #666;
-    cursor: pointer;
-}
-#filters li span.active {
-    background: rgb(44, 62, 80);
-    color: #fff;
-}
-#portfoliolist-three .portfolio {
-    width: 32%;
-    margin-right: 1%;
-    margin-bottom: 1%;
-    display: none;
-    float: left;
-    overflow: hidden;
-}
-#portfoliolist .portfolio {
-    width: 24%;
-    margin-right: 1%;
-    margin-bottom: 1%;
-    display: none;
-    float: left;
-    overflow: hidden;
-}
-.portfolio-wrapper {
-    overflow: hidden;
-    position: relative !important;
-    background: #666;
-    cursor: pointer;
-}
-.portfolio img {
-    max-width: 100%;
-    position: relative;
-}
-span.filter {
-    border-radius: 3px;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-}
-/* #Tablet (Portrait) */
-@media only screen and (min-width: 768px) and (max-width: 959px) {
-    .container { width: 768px }
-}
-/*  #Mobile (Portrait) - Note: Design for a width of 320px */
-@media only screen and (max-width: 767px) {
-    .container { width: 95% }
-    #portfoliolist .portfolio {
-        width: 97%;
-        margin: 2%;
-    }
-    #portfoliolist-three .portfolio {
-        width: 97%;
-        margin: 2%;
-    }
-}
-/* #Mobile (Landscape) - Note: Design for a width of 480px */
-@media only screen and (min-width: 480px) and (max-width: 767px) {
-    .container { width: 70% }
-}
-.portfolio-hover {
-    position: relative;
-    overflow: hidden;
-}
-.portfolio-hover .icon {
-    background-color: #000;
-    border-radius: 50px;
-    -webkit-border-radius: 50px;
-    -moz-border-radius: 50px;
-    opacity: .7;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.image-caption {
-    position: absolute;
-    top: 0;
-    right: 0;
-    background: rgba(0, 0, 0, 0.5);
-    width: 100%;
-    height: 100%;
-    padding-top: 35%;
-    display: none;
-    text-align: center;
-    color: #fff !important;
-    z-index: 2;
-}
-.price-container {
-    margin-top: -40px;
-    margin-bottom: -50px;
-}
-.price-one h1 { padding-top: 10px }
-.price-one p {
-    text-align: center;
-    padding-bottom: 40px;
-}
-/*pricing table*/
-.pricing-table-two {
-    background-color: #fff;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-    padding: 7px 0;
-    margin: 20px -5px;
-    border: 1px solid #eee;
-}
-.pricing-table-two .title {
-    font-size: 24px;
-    padding: 15px 20px;
-    color: #000000;
-}
-.pricing-table-two .price { color: #E74c3c }
-.pricing-table-two .desc { padding: 5px 20px }
-.pricing-table-two .inner { padding: 0 10px }
-.pricing-table-two ul.items {
-    list-style: none;
-    padding-left: 0;
-    margin: 0 8px;
-    margin-top: 14px;
-    margin-bottom: 17px;
-}
-.pricing-table-two ul.items li {
-    margin-bottom: 5px;
-    padding: 13px 15px;
-    border-radius: 1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-    clear: both;
-}
-.pricing-table-two ul.items li.available { background-color: #f2f4f5 }
-.pricing-table-two ul.items li .icon-holder {
-    display: inline-block;
-    vertical-align: top;
-    font-size: 18px;
-    padding-left: 13px;
-    position: relative;
-    padding-top: 3px;
-}
-.pricing-table-two ul.items li .desc {
-    display: inline-block;
-    width: 85%;
-}
-.pricing-table-two ul.items li .checkbox label {
-    padding-left: 2px;
-    margin-bottom: 14px;
-}
-.pricing-table-two ul.items li  label {
-    cursor: pointer;
-    margin-bottom: 0;
-    font-size: 13px;
-}
-.pricing-table-two.highlighted {
-    border: 1px solid #0aa699;
-    position: relative;
-    top: -15px;
-    padding-bottom: 20px;
-    padding-top: 25px;
-}
-.pricing-table-two .btn-block {
-    width: 60%;
-    margin-left: 20%;
-    margin-bottom: 10px;
-    padding: 9px 0;
-}
-.feature-item {
-    margin: 0 50px;
-    text-align: center;
-}
-.pricing-table-two .price-actions .btn {
-    border-radius: 5px;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    background: rgb(44, 62, 80);
-    color: #fff;
-    border: none;
-    box-shadow: none;
-    text-shadow: none;
-    padding: 10px 20px;
-    margin-left: 16%;
-    margin-bottom: 3%;
-    width: 70%;
-    cursor: pointer;
-}
-.muted { color: #b6bfc5 }
-.text-error { color: #e74c3c }
-.f-w-n { font-weight: normal }
-.pr-10 { padding-right: 10px }
-.pr-5 { padding-right: 5px }
-.error-inner {
-    text-align: center;
-    padding: 15%;
-}
-.career-contact {
-    border: 1px solid #eee;
-    background-color: #f7f7f7;
-    padding-top: 9px;
-}
-.career-inner {
-    margin-top: -40px;
-    padding: 30px 0;
-}
-.career-head h1 { text-align: center }
-.candidate ul li { padding: 3px 0 }
-.candidate h1 { margin-bottom: 20px }
-.align-left { text-align: left }
-.privacy-terms h3 { text-align: left }
-.terms-list {
-    padding-left: 15px;
-    padding-bottom: 25px;
-    line-height: 1.6;
-}
-.owl-prev {
-    float: left;
-    padding: 8px 20px;
-    margin-left: 2px;
-    border-radius: 2px;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
-    margin-top: 5px;
-    background-color: #eee;
-}
-.owl-next {
-    float: right;
-    padding: 8px 20px;
-    margin-right: 2px;
-    border-radius: 2px;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
-    margin-top: 5px;
-    background-color: #eee;
-}
-/*404 page*/
-.fof { margin-top: -40px }
-.fof h1 { margin-top: 0px }
-/*submenu test*/
-.dropdown-submenu { position: relative }
-.dropdown-submenu>.dropdown-menu {
-    top: 0;
-    left: 100%;
-    margin-top: 0px;
-    margin-left: -1px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-    border-radius: 1px;
-}
-.dropdown-submenu:hover>.dropdown-menu { display: block }
-.dropdown-submenu>a:after {
-    display: block;
-    content: " ";
-    float: right;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
-    border-width: 5px 0 5px 5px;
-    border-left-color: #ccc;
-    margin-top: 9px;
-    margin-right: -10px;
-}
-.dropdown-submenu:hover>a:after { border-left-color: #fff }
-.dropdown-submenu.pull-left { float: none }
-.dropdown-submenu.pull-left>.dropdown-menu {
-    left: -100%;
-    margin-left: 10px;
-    -webkit-border-radius: 1px;
-    -moz-border-radius: 1px;
-    border-radius: 1px;
-}
-.pad-bot-fifty { padding-bottom: 50px }
-.jumbotron { margin-bottom: 0px }
-.mar-b-30 { margin-bottom: 30px }
-.mar-b-40 { margin-bottom: 40px }
-.mar-b-50 { margin-bottom: 50px }
-.mar-b-60 { margin-bottom: 60px }
-.mar-b-70 { margin-bottom: 70px }
 .btn {
     border-radius: 4px;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-}
-/*
-    Component: Buttons
--------------------------
-*/
-.btn {
     font-weight: 500;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
     border-radius: 3px;
     border: 1px solid transparent;
 }
-.btn.btn-default {
-    background-color: #fafafa;
-    color: #666;
-    border-color: #ddd;
-    border-bottom-color: #ddd;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-default:hover,
-.btn.btn-default:active,
-.btn.btn-default.hover {
-    background-color: #f4f4f4!important;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-default.btn-flat {
-    border-bottom-color: #d9dadc;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-primary {
-    background-color: #3bafda;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-primary:hover,
-.btn.btn-primary:active,
-.btn.btn-primary.hover {
-    background-color: #4fc1e9;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-success {
-    background-color: #8cc152;
-    border: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-success:hover,
-.btn.btn-success:active,
-.btn.btn-success.hover {
-    background-color: #a0d468;
-    border: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-info {
-    background-color: #37bc9b;
-    border: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-info:hover,
-.btn.btn-info:active,
-.btn.btn-info.hover {
-    background-color: rgb(44, 62, 80);
-    border: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-danger {
-    background-color: #E74c3c;
-    border: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-danger:hover,
-.btn.btn-danger:active,
-.btn.btn-danger.hover {
-    background-color: #f4543c;
-    border: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-warning {
-    background-color: #f6bb42;
-    border: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn.btn-warning:hover,
-.btn.btn-warning:active,
-.btn.btn-warning.hover {
-    background-color: #ffce54;
-    border: none;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-.btn-group .btn.btn-success { border: 1px solid #7ab03f }
-.btn-group .btn.btn-info { border: 1px solid #2fa084 }
-.btn-group .btn.btn-danger { border: 1px solid #d13a24 }
-.btn-group .btn.btn-warning { border: 1px solid #efa50b }
-.btn-group-vertical .btn.btn-success { border: 1px solid #7ab03f }
-.btn-group-vertical .btn.btn-info { border: 1px solid #2fa084 }
-.btn-group-vertical .btn.btn-danger { border: 1px solid #d13a24 }
-.btn-group-vertical .btn.btn-warning { border: 1px solid #efa50b }
-.open .dropdown-toggle.btn-warning {
-    background-color: #f6bb42;
-    border-color: #efa50b;
-}
-.open .dropdown-toggle.btn-info {
-    background-color: rgb(44, 62, 80);
-    border-color: #2fa084;
-}
-.btn.btn-flat {
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-    border-radius: 0;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    border-width: 1px;
-}
-.btn:active {
-    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-}
-.btn:focus { outline: none }
-.btn.btn-file {
-    position: relative;
-    width: 120px;
-    height: 35px;
-    overflow: hidden;
-}
-.btn.btn-file > input[type='file'] {
-    display: block !important;
-    width: 100% !important;
-    height: 35px !important;
-    opacity: 0 !important;
-    position: absolute;
-    top: -10px;
-    cursor: pointer;
-}
-.btn.btn-app {
-    position: relative;
-    padding: 15px 5px;
-    margin: 0 0 10px 10px;
-    min-width: 80px;
-    height: 60px;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-    border-radius: 0;
-    text-align: center;
-    color: #666;
-    border: 1px solid #ddd;
-    background-color: #fafafa;
-    font-size: 12px;
-}
-.btn.btn-app > .fa,
-.btn.btn-app > .glyphicon,
-.btn.btn-app > .ion {
-    font-size: 20px;
-    display: block;
-}
-.btn.btn-app:hover {
-    background: #f4f4f4;
-    color: #444;
-    border-color: #aaa;
-}
-.btn.btn-app:active,
-.btn.btn-app:focus {
-    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-}
-.btn.btn-app > .badge {
-    position: absolute;
-    top: -3px;
-    right: -10px;
-    font-size: 10px;
-    font-weight: 400;
-}
-.btn.btn-social-old {
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    opacity: 0.9;
-    padding: 0;
-}
-.btn.btn-social-old > .fa {
-    padding: 10px 0;
-    width: 40px;
-}
-.btn.btn-social-old > .fa + span { border-left: 1px solid rgba(255, 255, 255, 0.3) }
-.btn.btn-social-old span { padding: 10px }
-.btn.btn-social-old:hover { opacity: 1 }
-.btn.btn-circle {
-    width: 30px;
-    height: 30px;
-    line-height: 30px;
-    padding: 0;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-    border-radius: 50%;
-}
-/* Background colors */
-.bg-red,
-.bg-yellow,
-.bg-aqua,
-.bg-blue,
-.bg-light-blue,
-.bg-green,
-.bg-navy,
-.bg-teal,
-.bg-olive,
-.bg-lime,
-.bg-rgb,
-.bg-fuchsia,
-.bg-purple,
-.bg-maroon,
-.bg-black { color: #f9f9f9 !important }
-.bg-gray { background-color: #eaeaec !important }
-.bg-black { background-color: #222222 !important }
-.bg-red { background-color: #f56954 !important }
-.bg-yellow { background-color: #f39c12 !important }
-.bg-aqua { background-color: #00c0ef !important }
-.bg-blue { background-color: #0073b7 !important }
-.bg-light-blue { background-color: #3c8dbc !important }
-.bg-green { background-color: #00a65a !important }
-.bg-navy { background-color: #001f3f !important }
-.bg-teal { background-color: #39cccc !important }
-.bg-olive { background-color: #3d9970 !important }
-.bg-lime { background-color: #01ff70 !important }
-.bg-rgb { background-color: #ff851b !important }
-.bg-fuchsia { background-color: #f012be !important }
-.bg-purple { background-color: #932ab6 !important }
-.bg-maroon { background-color: #85144b !important }
-.tag-line-section {
-    background: url("../img/tg-black-bg.png") no-repeat fixed top rgba(0,0,0,0.7);
-    height: 300px;
-    margin-bottom: 30px;
-}
-.mfp-fade.mfp-bg {
-    opacity: 0;
-    -webkit-transition: all 0.3s ease-out;
-    -moz-transition: all 0.3s ease-out;
-    transition: all 0.3s ease-out;
-}
-/* overlay animate in */
-.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8 }
-/* overlay animate out */
-.mfp-fade.mfp-bg.mfp-removing { opacity: 0 }
-/* content at start */
-.mfp-fade.mfp-wrap .mfp-content {
-    opacity: 0;
-    -webkit-transition: all 0.3s ease-out;
-    -moz-transition: all 0.3s ease-out;
-    transition: all 0.3s ease-out;
-}
-/* content animate it */
-.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 }
-/* content animate out */
-.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 }
-
-/* Recent work hover effect */
-
-.view-sixth img {
-    -webkit-transition: all 0.4s ease-in-out 0.5s;
-    -moz-transition: all 0.4s ease-in-out 0.5s;
-    -o-transition: all 0.4s ease-in-out 0.5s;
-    -ms-transition: all 0.4s ease-in-out 0.5s;
-    transition: all 0.4s ease-in-out 0.5s;
-}
-.view-sixth .mask {
-    background-color: rgba(0,0,0,0.5);
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
-    filter: alpha(opacity=0);
-    opacity: 0;
-    -webkit-transition: all 0.3s ease-in 0.4s;
-    -moz-transition: all 0.3s ease-in 0.4s;
-    -o-transition: all 0.3s ease-in 0.4s;
-    -ms-transition: all 0.3s ease-in 0.4s;
-    transition: all 0.3s ease-in 0.4s;
-}
-.view-sixth a.info {
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
-    filter: alpha(opacity=0);
-    opacity: 0;
-    -webkit-transform: translateY(100px);
-    -moz-transform: translateY(100px);
-    -o-transform: translateY(100px);
-    -ms-transform: translateY(100px);
-    transform: translateY(100px);
-    -webkit-transition: all 0.3s ease-in-out 0.1s;
-    -moz-transition: all 0.3s ease-in-out 0.1s;
-    -o-transition: all 0.3s ease-in-out 0.1s;
-    -ms-transition: all 0.3s ease-in-out 0.1s;
-    transition: all 0.3s ease-in-out 0.1s;
-}
-.view-sixth:hover .mask {
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
-    filter: alpha(opacity=100);
-    opacity: 1;
-    -webkit-transition-delay: 0s;
-    -moz-transition-delay: 0s;
-    -o-transition-delay: 0s;
-    -ms-transition-delay: 0s;
-    transition-delay: 0s;
-}
-.view-sixth:hover img {
-    -webkit-transition-delay: 0s;
-    -moz-transition-delay: 0s;
-    -o-transition-delay: 0s;
-    -ms-transition-delay: 0s;
-    transition-delay: 0s;
-}
-.view-sixth:hover a.info {
-    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
-    filter: alpha(opacity=100);
-    opacity: 1;
-    -webkit-transform: translateY(0px);
-    -moz-transform: translateY(0px);
-    -o-transform: translateY(0px);
-    -ms-transform: translateY(0px);
-    transform: translateY(0px);
-    -webkit-transition-delay: 0.3s;
-    -moz-transition-delay: 0.3s;
-    -o-transition-delay: 0.3s;
-    -ms-transition-delay: 0.3s;
-    transition-delay: 0.3s;
-}
-.view {
-    float: left;
-    overflow: hidden;
-    position: relative;
-    text-align: center;
-    cursor: default;
-}
-.view .mask,
-.view .content {
-    position: absolute;
-    overflow: hidden;
-    top: 0;
-    left: 0;
-}
-.view img {
-    display: block;
-    position: relative;
-}
-.view a.info {
-    display: inline-block;
-    text-decoration: none;
-    position: relative;
-    top: 35%;
-    color: #fff;
-}
-.feature-box {
-    margin-top: 15px;
-    margin-bottom: 15px;
-}
-.feature-box-heading i {
-    color: rgb(44, 62, 80);
-    width: 40px;
-    height: 40px;
-    display: inline-block;
-    border-radius: 50px;
-    border: 1px solid rgb(44, 62, 80);
-    line-height: 40px;
-}
-.border-one {
-    border: 1px solid #ffffff;
-    padding: 5px 15px;
-}
-.border-one:hover {
-    border: 1px solid #eee;
-    padding: 5px 15px;
-    opacity: .9;
-}
-
-/*  Back-to-top */
-#back-to-top {
-    display:none;
-    position:fixed;
-    bottom:30px;
-    right:30px;
-    height:40px;
-    width:40px;
-    cursor:pointer;
-    background:#000000;
-    line-height:1em;
-    -webkit-border-radius:2px;
-    -moz-border-radius:2px;
-    border-radius:2px;
-    background-image:url(../img/triangle.png);
-    background-position: 12px 16px;
-    background-repeat:no-repeat;
-    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-    filter: alpha(opacity=80);
-    opacity:0.5;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-
-#back-to-top:hover {
-
-    background-color:rgb(44, 62, 80);
-    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-    filter: alpha(opacity=80);
-    opacity:0.8;
-    -webkit-transition: all .3s ease;
-    -moz-transition: all .3s ease;
-    -ms-transition: all .3s ease;
-    -o-transition: all .3s ease;
-    transition: all .3s ease;
-}
-div#logo a img{
-    float:left;
-    height:75px;
-
-}
-div.header h3{
-    margin-left:15px;
-}
-.hr{
-    height:1px;
-    width: 30%;
-    margin:30px auto;
-    background-color:#ececec;
-    position: relative;
-    line-height: 1px;
-}
-
-.hr-inner{
-    width:8px;
-    height: 9px;
-    background-color: #fff;
-    border: 1px solid #ececec;
-    position: absolute;
-    left:50%;
-    top:-4px;
-}

views/acme/index.tpl

@@ -4,7 +4,6 @@
         <meta charset="utf-8">
         <title>{{imp[0]}} - {{imp[1][0]}}</title>
         <link rel="stylesheet" href="/views/acme/css/bootstrap.min.css">
-        <link rel="stylesheet" href="/views/acme/css/bootstrap-reset.css">
         <link rel="stylesheet" href="/views/acme/css/style.css">
         <link rel="stylesheet" href="/views/acme/css/style-responsive.css">
         <script src="/views/acme/js/jquery.min.js"></script>
@@ -153,10 +152,6 @@
             <div class="container">
                 <div class="row">
                     <div class="col-md-10 col-md-offset-1 mar-b-30">
-                        <div id="back_title">
-                            추적 : 
-                            {{!imp[3][2]}}
-                        </div>
                         {{!data}}
                     </div>
                 </div>