/* Custom Fonts */
@font-face {font-family: 'Numeric-Bold'; src:url('../fonts/Numeric-Titillium-Bold.ttf') format('truetype');}
@font-face {font-family: 'Numeric-Light'; src:url('../fonts/Numeric-Titillium-Regular.ttf') format('truetype');}
@font-face {font-family: 'Eng-Bold'; src:url('../fonts/Aero-Bold.ttf') format('truetype');} 

@font-face {font-family: 'Tahoma'; src:url('../fonts/Tahoma.ttf') format('truetype');}

@font-face {font-family: 'Thai-Bold'; src:url('../fonts/ChatThai-Bold.ttf') format('truetype');}
@font-face {font-family: 'Thai-Light'; src:url('../fonts/ChatThai.ttf') format('truetype');}


/* Body */
body { }
#content { }
.container { padding:0 10px; font-family:'Thai-Bold';} 

a { transition:.2s;}
a:hover { transition:.2s;}
a:focus { transition:.2s;}

/* Form */
.form-control { padding:3px 6px; height:inherit; border-radius:2px 0 0 2px; font-family:'Tahoma'; font-size:12px; background-color:rgba(0,0,0,0.03); height:26px; margin-right:0;}
.btn { padding:3px 6px; border-radius:2px; font-family:'Tahoma'; font-size:12px; border:1px solid rgba(0,0,0,0.1); background-color:#666; color:#fff; margin-left:0; transition:.2s;} 
.btn i { font-size:16px;}
.btn:hover { transition:.2s;color:#fff; background-color:#f00; border-color:#f00;}

.btn-blue { border-color: #2c4686 #2c4686 #263b6e; background: #3b59a1; font-family:'Thai-Bold'; font-size:18px; }
.btn-blue:hover { border-color: #c2083f #ba083c #990732; background:#f00; }

.check-rate {}
.check-rate h2 { margin:0 0 10px 0;}
.btn-large { font-family:'Thai-Bold'; font-size:20px; padding:10px 20px;}
.btn-large i { font-size:20px; margin-right:5px;}

.btn-metal {cursor:pointer;border: 1px solid;border-color: #aaa #aaa #999;border-radius:3px; }
.btn-metal {box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;background: linear-gradient(to bottom,#fafafa,#ccc); color:#000;}
.btn-metal:hover {box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;border-color: #999 #999 #777;background: linear-gradient(to bottom,#eaeaea,#ccc); color:#000;}
.btn-metal:active {box-shadow: 0 1px 4px rgba(0,0,0,0.4) inset;}

/* Header */
header { min-height:400px; background-color:#fff; border-bottom:4px solid rgba(0,0,0,0.2);}
header .container { height:140px;}

.header-top { display:inline-block; width:100%;}
.header-top .header-top-left { float:left; width:20%; display:block;}
.header-top .header-top-right { float:right; width:80%; display:block; font-family:'Arial'; font-size:12px; }
.header-bottom { border-bottom:4px solid #3b59a1; }

.header-brand { min-height:60px; display:block; margin:0 20px 0 0; width: 170px; padding:10px 0 0 20px; } 
.header-slogan { display:block; padding:10px 0; float:left; margin-right:10px; width:45%; line-height:16px;}
.header-lang { display:block; padding:10px 0;float:left; margin-right:10px; width:30%; line-height:16px; }
.header-lang a { border-right:1px solid #ccc; padding:0 5px; line-height:16px; transition:.2s; color:#3b59a1; text-decoration:none;} 
.header-lang a:last-child {border-right:none; }
.header-lang a:hover {  transition:.2s; color:#f00;}
.header-lang a img { width:20px; margin-right:3px; border-radius:2px; padding:1px; box-shadow:0 1px 2px rgba(0,0,0,0.2); margin-top:-2px;} 
.header-search { display:block; padding:5px 0;float:right; width:22%; text-align:right;}
.header-search .form-group { width: calc(100% - 20px); float:left;} 
.header-search .form-group input { width:100%;}

.header-search .btn { margin-left:-10px !important; border-radius:0 2px 2px 0; font-family:'Tahoma'; font-size:12px; border:1px solid rgba(0,0,0,0.1); background-color:#666; height:26px; color:#fff; margin-left:0; transition:.2s;}
.header-search .btn i { font-size:16px;}
.header-search .btn:hover { transition:.2s;color:#fff; background-color:#f00; border-color:#f00;}


/* Page Title */
.page-title { }
.page-title h1 { font-family:'Thai-Bold'; font-size:28px; color:#000; text-shadow:0 1px 2px rgba(0,0,0,0.1); padding-top:20px; margin-bottom:0;}
.page-title h1 small { margin-left:10px;}
.page-title h1 small b { color:#f00; font-size:26px;}


/* Menu */
.navbar { border:none; background-color: transparent; margin:0; min-height:inherit;}
 
.navbar-brand { width: 70px;height: 50px;background-size: 50px; display:none;}
/*.navbar-brand { background: url('http://www.sneaker-mission.com/uploads/3/1/2/7/31279819/5617441.png') no-repeat center center;}*/

.navbar .navbar-collapse { padding:0;}
.navbar .navbar-collapse .nav { width: calc(100%);}
.navbar .navbar-collapse .nav li { width:11.95%; padding:0; text-align:center; border-right:1px solid #eee;}
.navbar .navbar-collapse .nav li a { width:100%; padding:7px 5px 4px; text-transform: uppercase; font-family:'Thai-Bold'; font-weight:Bold; font-size:12px; line-height:19px; color:#3b59a1; transition:.2s;}
.navbar .navbar-collapse .nav li a:hover { color:#f00; transition:.2s; background-color:rgba(0,0,0,0.02);}
.navbar .navbar-collapse .nav li.home { width: 50px; background-color:rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.1); border-bottom:none; }
.navbar .navbar-collapse .nav li.home a {padding:15px 5px;}
.navbar .navbar-collapse .nav li a small { width:100%; display:inline-block; padding:0; font-weight:Normal; color:#666; font-size:13px;}
.navbar .navbar-collapse .nav li:last-child { border-right:none;}

.navbar-default .navbar-nav>.active>a { background-color:#F00 !important; color:#fff !important; font-weight:normal !important;}
.navbar-default .navbar-nav>.active>a small {color:#fff !important;}
.navbar .navbar-collapse .nav li.home.active { border:1px solid #f00 !important; border-bottom:none !important;}

.nav-list { border-bottom: 1px solid #eee; }
.nav-list > li { padding: 20px 15px 15px;border-left: 1px solid #eee; }
.nav-list > li:last-child { border-right: 1px solid #eee; }
.nav-list > li > a:hover { text-decoration: none; }
.nav-list > li > a > span {display: block;font-weight: bold;text-transform: uppercase;}

.mega-dropdown { position: static !important; }
.mega-dropdown-menu {padding: 20px 15px 15px;text-align: center;width: 100%;}

/* Cover */
#cover { background-color:#000; min-height:360px; margin-top:-262px; background-image:url(../img/decor/cover_03.jpg); background-position:top center; background-repeat:no-repeat;}
#cover h1 { color:#fff; margin:30px 0 10px 0; display:inline-block; width:100%; text-align:center; font-size:48px; text-shadow:0 1px 1px rgba(0,0,0,0.8); background-color:rgba(0,0,0,0.8); padding:20px !important; line-height:60px;} 

#cover-topic { margin-top:-262px; min-height:280px; background-position:40% center; background-repeat:no-repeat; position:relative;}
#cover-topic h1 { font-family:'Thai-Bold'; font-size:20px; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.1); background-color:rgba(0,0,0,0.8); padding:15px; position:absolute; margin-left:15px; font-weight:normal;}

#cover-system { margin-top:-282px; margin-bottom:-5px; min-height:0;}
#cover-system h1 { text-align:center; margin-bottom:0; background-color:#3b59a1; color:#fff; padding:15px 0 10px 0; text-shadow:0 1px 2px rgba(0,0,0,0.2);}

/* Carousel */
#owl-photo { padding:0;}
#owl-photo h2 {  text-align:center; margin-bottom:7px; font-size:24px;}
#owl-photo .owl-carousel { position:relative; padding:0;}
#owl-photo .owl-carousel .item { background-color:#fff; padding:0; margin:0 2px 0 0; color: #FFF; text-align: center;}
#owl-photo .owl-carousel .item .thumbnail { border:1px solid #ddd; margin-bottom:0; border-radius:0; padding:1px;}
#owl-photo .owl-carousel .item .thumbnail:hover { border:1px solid #3b59a1;}
#owl-photo .owl-carousel .item h4 { font-family:"Numeric-Bold"; font-size:24px; line-height:24px; margin:5px 0 10px 0;}
#owl-photo .owl-carousel .item img { border-radius:1px; }
#owl-photo .owl-carousel .owl-wrapper-outer { border-bottom:none;}
#owl-photo .owl-theme .owl-controls { position:absolute; top:-45px; left:-5px; width:calc(100% + 10px); }
#owl-photo .owl-theme .owl-controls .owl-pagination { display:none;}
#owl-photo .owl-theme .owl-controls .owl-buttons { }
#owl-photo .owl-theme .owl-controls .owl-buttons div { background:#3b59a1; opacity:1; transition:.3s; padding: 3px 8px; padding-top:5px; width:28px; overflow: hidden; text-align:center; border-radius:0;} 
#owl-photo .owl-theme .owl-controls .owl-buttons div:hover { background:#f00;}
#owl-photo .owl-theme .owl-controls .owl-buttons div:before {  font-family:FontAwesome; font-size:16px; width:20px; text-align:center; margin-right:15px; }
#owl-photo .owl-theme .owl-controls .owl-buttons div.owl-prev { left:0;  } 
#owl-photo .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content:'\f053'; }
#owl-photo .owl-theme .owl-controls .owl-buttons div.owl-next { right:0; } 
#owl-photo .owl-theme .owl-controls .owl-buttons div.owl-next:before { content:'\f054'; padding-left:2px;}

#owl-photo .modal-header { padding:0px 10px; position:relative; min-height:30px;}
#owl-photo .modal-header .close { top:5px; right:8px; position:absolute;}
#owl-photo .modal-header .modal-title {font-family:"Boon-700","Numeric-Bold"; font-size:20px; line-height:28px; padding:10px 0 0 0; display:none;}
#owl-photo .modal-body {padding:10px;}
#owl-photo .modal-body img { border-radius:3px; border:1px solid #fff; box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);}
#owl-photo .modal-footer {font-family:"Tahoma"; font-size:12px;}
#owl-photo .modal-footer .col-md-2:first-child { padding-left:0;}
#owl-photo .modal-footer .col-md-2:last-child { padding-right:0;}
#owl-photo .modal-footer .col-md-8.text-justify { text-align:center; color:#999; line-height:28px;}
#owl-photo .modal-footer button {padding: 6px 12px 5px 12px;}
#owl-photo .modal-footer button.btn-prev { float:left;}
#owl-photo .modal-footer button.btn-next { float:right;}

#owl-photo .owl-gallery {}
#owl-photo .owl-gallery .item {padding:5px; width:25%;  float:left;}
#owl-photo .owl-gallery .item .thumbnail { width:100%; margin-bottom:0; border:1px solid #ddd; transition:.3s;}
#owl-photo .owl-gallery .item .thumbnail:hover { border:1px solid #3b59a1; background-color:#fff; transition:.2s;}
#owl-photo .owl-gallery .item .thumbnail img { border-radius:3px;}


/* Section */
section { text-transform:capitalize; font-size:14px; line-height:22px;}
section h2 { margin:20px 0 5px 0;}
section h3 { margin:10px 0 5px 0;}
section h4 { margin:5px 0 5px 0; color:#000; line-height:24px;}
section .blue { color:#3b59a1;}
section .red { color:#f00;}
section p { text-indent:20px; padding:0 2px;}


section .img-horiz { width:100%; display:inline-block; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.2); border:1px solid #fff;}
section .img-horiz img { margin-top:-20%;}
section .img-verti { width:100%; display:inline-block; height:230px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.2); border:1px solid #fff;}

section .img-thumb { width:240px; display:block; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.2); border:1px solid #fff; float:left; margin:0 10px 10px 0;}


section.col-full { width:100%; display:inline-block; margin-top:5px;}

section.service { padding:0 5% 20px; width:100%; display:inline-block; font-size:12px; line-height:14px;}
section.service > .col { text-align:center; padding:0 10px; }
section.service > .col .content { text-align:left; margin-top:-40px; padding:0 15px 10px; border:1px solid rgba(0,0,0,0.1); border-top:2px solid #3b59a1; background-color:#fff; min-height:100px; box-shadow:0 1px 4px rgba(0,0,0,0.08);}
section.service > .col .content { min-height: 150px;}
section.service > .col .content h3 { font-size:16px; line-height:18px; margin:8px 0 5px 0; padding:5px 0; border-bottom:1px dotted #ddd; color:#000;} 
section.service > .col .content ul { margin:0; padding:0; list-style:none; }
section.service > .col .content ul li { text-align:left; padding:2px 5px; font-size:14px; line-height:18px;}
section.service > .col .content ul li:before { content:'\f04b'; font-family:'FontAwesome'; margin-right:8px; color:#999; font-size:6px; display:block; float:left;}
section.service > .col .content a { color:#3b59a1;}
section.service > .col .content a:hover { color:#f00;}

section.import-process {}
section.import-process h2 { padding:5px 20px 0; margin:0 0 10px 0; color:#3b59a1; }
section.import-process .process-status { list-style:none; padding:0; margin:0;}
section.import-process .process-step { }
section.import-process .process-step .status-content { min-height:100px;}
section.import-process .process-step .status-content .badge { font-family:'Numeric-Bold'; left:18px; top:8px; font-size:16px; position:absolute; padding:6px 6px; border-radius:0; background-color:#3b59a1; height:50px; font-weight:normal;}
section.import-process .process-step .status-content img { display:block; }
section.import-process .process-step .status-content div.title { border-top:1px dotted #ddd; padding:10px 10px 5px 30px; font-size:16px; line-height:22px; color:#000;}
 
/* .Col */
.col-headline {border-top:2px solid #3b59a1; }
.col-headline h3 { font-family:'Thai-Bold'; font-size:32px;}
.col-headline p { font-size:18px; line-height:28px;}

.col-news { }
.col-news table { font-family:'Tahoma'; font-weight:normal; font-size:12px;}
.col-news table tbody {}
.col-news table tbody tr { display:inline-block; width:100%;}
.col-news table tbody tr td { line-height:20px; padding:2px 5px; vertical-align:top;}
.col-news table tbody tr td.date { width:10%;} 
.col-news table tbody tr td.category { width:15%;}
.col-news table tbody tr td.category .badge { font-family:'Tahoma'; font-weight:normal; font-size:12px; border-radius:3px; width:100%; text-align: center; margin-bottom:2px;}
.col-news table tbody tr td.content { width: 75%;}
.col-news table tbody tr:nth-child(2n+2) { background-color:rgba(0,0,0,0.05);} 
.col-news table tfoot { border-bottom:1px dotted #ddd;}
.col-news table tfoot tr th { height:10px; display:block;}

.col-hotline { background-color:#3b59a1; min-height:200px; text-align:center; color:#fff; padding:10px 20px 10px;}
.col-hotline h2 { margin:0; padding:5px 0 0;}
.col-hotline h3 {background-color:#fff; color:#3b59a1;  text-transform:uppercase; font-family:'Eng-Bold'; padding:5px; margin:10px 0;}
.col-hotline h3 b { color:#f00; }
.col-hotline h4 {color:#fff; padding:10px 0 10px 0; margin:0; }
.col-hotline h5 { border-top:1px dotted rgba(255,255,255,0.3); padding:10px 0 0 0; margin:0;}
.col-hotline p { padding:20px 0 0 0;}
.col-hotline .member {padding:10px 0 5px 0; border-top:2px solid rgba(255,255,255,0.9); margin-top:10px;}
.col-hotline .member a { text-align:left; color:#333; padding:6px 12px 6px 28px; margin-right:10px; border:1px solid #rgba(0,0,0,0.1); border-radius:2px; position:relative;}
.col-hotline .member a .fa { margin-right:3px; position:absolute; top:7px; left:10px;}

.col-left { border-right:1px dotted #ddd;}
.col-right { border-left:1px dotted #ddd; margin-left:-1px;}

.col-4-topic {  border-top:1px dotted rgba(0,0,0,0.2); padding-top:10px; }
.col-4-topic .col-lg-3 { border-right:1px dotted rgba(0,0,0,0.1); min-height:160px; font-size:16px; line-height:24px;}
.col-4-topic .col-lg-3:last-child { border-right:none;}


/* Table */
table {font-family:'Tahoma'; font-size:12px; }
table.table-curved { border-collapse: separate; box-shadow:0 1px 1px 1px rgba(0,0,0,0.05); border-radius:6px;}

table thead { background-color: transparent;  }
table thead tr { background-color: transparent;  font-family:'Numeric-Light','Thai-Bold'; font-size:16px; color:#fff; }
table thead tr th {border: solid 1px #333; border-bottom:none; background-color:#3b59a1; text-align:center; padding:6px 0 1px 0; border-left: solid 1px #273d73; font-weight:normal;}
table thead tr:first-child { font-family:'Numeric-Light','Thai-Bold'; font-size:24px; color:#fff;} 
table thead tr:first-child th { border: solid 1px #273d73; padding:10px 0 0 0}

table tbody tr { font-family:'Numeric-Light','Thai-Bold'; font-size:16px;}
table tbody tr td {border-left: solid 1px #ddd; padding:10px 10px !important;}
table tbody tr td:first-child { border-left: solid 1px #bbb; }
table tbody tr td:last-child { border-right: solid 1px #bbb; }

table tfoot { background-color: transparent;}
table tfoot tr { background-color: transparent; font-family:'Numeric-Light','Thai-Bold'; font-size:14px; }
table tfoot tr th { border: solid 1px #bbb; border-top:solid 1px #ddd; background-color:#f9f9f9; font-weight:normal; line-height:20px; padding:10px 10px !important;} 
table tfoot tr:last-child th:first-child { border-bottom-left-radius: 6px; }
table tfoot tr:last-child th:last-child { border-bottom-right-radius: 6px; }

/* Rate */
div.panel-rate { font-family:'Numeric-Light','Thai-Bold'; font-weight:normal; box-shadow:0 1px 3px rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.3);}
div.panel-rate .panel-heading { padding-bottom:5px;}
div.panel-rate .panel-title { font-size:24px;}
div.panel-rate .panel-title .glyphicon { font-size:20px; margin-right:5px;}
div.panel-rate .form-group {}
div.panel-rate .form-group .col-sm-4:nth-child(1) { padding-right:5px;}
div.panel-rate .form-group .col-sm-4:nth-child(2) { padding-left:5px; padding-right:5px;}
div.panel-rate .form-group .col-sm-4:nth-child(3) { padding-left:5px; }
div.panel-rate .form-group .col-xs-9 { padding-right:5px;}
div.panel-rate .form-group .col-xs-3 { padding-left:5px;}
div.panel-rate .form-group label { font-size:16px; font-weight:normal;}
div.panel-rate .form-group label .fa { margin-right:5px;}
div.panel-rate .form-group label .glyphicon { margin-right:5px;}
div.panel-rate .form-group input { border-radius:2px; font-size:14px; height:30px; font-family:'Numeric-Light','Thai-Bold'; padding:0 0 0 5px;}
div.panel-rate .form-group button { height:30px; font-family:'Numeric-Light','Thai-Bold'; font-size:16px;}

div.panel-rate table thead tr th { font-family:'Numeric-Light','Thai-Bold'; font-size:16px; }

div.panel-rate .multi-calc { border-top:1px dotted rgba(0,0,0,0.2); margin-top:10px; padding-top:10px;}
div.panel-rate .multi-calc .fa { margin-right:5px;}

div.panel-rate .alert {background-color:rgba(255,215,0,0.3); border:1px solid rgba(255,215,0,0.5)}
div.panel-rate .alert .sum-rate:before { content:'ราคา '; margin-right:5px;}
div.panel-rate .alert .sum-rate:after { content:' บาท'; margin-left:5px;}
div.panel-rate .alert .sum-rate { font-size:16px; color:#333;}
div.panel-rate .alert .sum-rate b { font-size:32px; color:#f00; margin:0;}
div.panel-rate .alert .per-kg-rate-calc { font-size:16px; color:#666;}
div.panel-rate .alert .sum-rate.lang-japan:before { content:'料金 '; margin-right:5px;}
div.panel-rate .alert .sum-rate.lang-japan:after { content:' 円'; margin-left:5px;}

table.table-rate>thead>tr { font-size:16px; color:#fff; text-align: center; text-transform: none;}
table.table-rate>thead>tr .text-muted { color:#fff; font-weight:normal; font-size:12px; text-transform:lowercase;}
table.table-rate>thead>tr>th { border-bottom:1px solid rgba(0,0,0,0.1);padding:5px; font-size:12px;}
table.table-rate>tbody>tr>td { font-size:14px; line-height:16px;}
table.table-rate>tbody>tr>td .sum-rate b { color:#454545; font-family:'Numeric-Light'; font-size:14px;}
table.table-rate>tbody>tr>td.warning .sum-rate b { color:#f00; font-size:18px;}
table.table-rate>tbody>tr:hover { background-color:rgba(255,215,0,0.08);}
table.table-rate>tbody>tr:last-child>td {border-bottom:1px rgba(0,0,0,0.2);}
table.table-rate>tbody>tr>td.weight-col { background-color:rgba(0,0,0,0.1);}

/* Form */
div.panel-form .panel-title { font-size:24px;}
div.panel-form .form-group label { font-size:16px; font-weight:normal;}
div.panel-form .form-group label b { margin-left:5px; color:#f00;}
div.panel-form .form-group .input-group { position:relative; width:100%;}
div.panel-form .form-group .input-group-addon {  width:33px; padding:0;}
div.panel-form .form-group .input-group .fa { margin-right:5px; position:absolute; top:8px; width:20px; text-align:center; left:6px;}
div.panel-form .form-group .input-group .glyphicon { margin-right:5px;}
div.panel-form .form-group input { border-radius:2px; font-size:14px; height:30px; font-family:'Numeric-Light','Thai-Bold'; padding:0 0 0 5px;}
div.panel-form .form-group textarea {  font-size:14px; line-height:30px; font-family:'Numeric-Light','Thai-Bold'; padding:0 0 0 5px;}
div.panel-form .form-group button { height:30px; font-family:'Numeric-Light','Thai-Bold'; font-size:16px;}
div.panel-form hr { border-top:1px dotted rgba(0,0,0,0.2); height:5px; display:inline-block; width:100%; margin:0;}


/* List */
ol.list { padding-top:10px; padding-bottom:10px;}
ol.list li { padding-bottom:5px; font-size:16px;}
ol.list h4 { margin-left:-20px; margin-bottom:10px; font-size:26px;}


/*  Contact Us ------------------------------------------------------------------------------------------------------------------------------------------------------ */
form#contact-form {}
form#contact-form .col-md-12 { margin-top:5px;}

.contact-form { padding-top:10px;}
.contact-form label {font-family:"Numeric-Light"; font-size:14px; line-height:20px; padding:0; margin:0; font-weight:normal !important;}
.contact-form label span {font-family:"Tahoma"; font-size:12px; line-height:20px; padding:0; margin:0; font-weight:normal; color:#666; margin-left:5px;}
.contact-form label .glyphicon {color:#e92f2f;}
.contact-form input { font-family:"Tahoma"; font-size:12px; height:30px;}
.contact-form select { font-family:"Tahoma"; font-size:12px; height:30px;}
.contact-form textarea { font-family:"Tahoma"; font-size:12px;}

.contact-address {padding:20px 20px 0 40px;  font-family:"Tahoma"; font-size:12px; line-height:20px; color:#000; margin:10px 0 20px 0; display:inline-block; }
.contact-address b {font-family:"Numeric-Light"; font-size:16px; line-height:20px; color:#000;}
.contact-address section {display:inline-block; width:100%; margin:0 0 20px 0}
.contact-address section .photo {display:inline-block; width:100%; margin:0; padding:0;}
.contact-address section .photo img { width:55%; margin-left:-10px;}


/* Footer */
footer { min-height:200px; border-top:4px solid #3b59a1; background-color:rgba(0,0,0,0.8); margin-top:20px; padding:10px; color:#fff; font-size:12px; font-weight:normal;}
footer .container { font-family:'Tahoma' ;}