@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Cuprum:400,700');
@import url('https://fonts.googleapis.com/css?family=Philosopher:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');

body {background-color:#fff;border: 0;}

.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter>[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs>[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm>[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

.bg-warning{ background-color:#f1f1e6; border-color:#f1f1e6}
.bg-orange{ background-color:#ff6619; border-color:#ff6619; color:#fff}

.img-thumbnail { box-shadow: 5px 5px 14px rgba(0,0,0,0.3); border-radius:0px; padding: 10px;}
a{ color:#019736}
a:hover,a:focus{ text-decoration:none}

h1,h2,h3{font-family: 'Philosopher', sans-serif;}
h1{ color:#019736; font-weight:700; margin-top:10px}

p{font-family: 'Lato', sans-serif; font-size:16px}

.well{ border-radius:0px; background-color:#f8f8f8; background-image:none}
.panel{ border-radius:0px}
.panel-warning{ border-color:#ff6619}
.panel-warning .panel-heading{ border-radius:0px; background-color:#ff6619; border-color:#ff6619; background-image:none; color:#fff; box-shadow:none}

.list-group-item:first-child{ border-radius:0px}
.list-group-item:last-child{ border-radius:0px}

.MarginBottom{ margin-bottom:30px}

/******************************** Header ********************************/
#Header{font-family: 'Cuprum', sans-serif; margin:12px 0}
#Header .SocialIcon{ margin:2px 0 12px}
#Header .SocialIcon i{ color:#555555}

#Header .navbar{ min-height:auto; margin-bottom:0px}
#Header .navbar-default{ border-radius:0px; box-shadow:none; border-left:none; border-right:none; background-color:transparent; background-image:none}
#Header .navbar-default .navbar-nav > li > a{ color:#019736; font-weight:700; font-size:14.5px}
#Header .nav > li > a{ padding:10px 10px}
#Header .navbar-right{ margin-right:-10px}

#Header .navbar-nav.sm-collapsible .caret{ color:#fff;height:28px;margin: -23px 15px 0 0; width:38px}
#Header .navbar-default .navbar-nav > .open > a{ background-image:none; box-shadow:none;background-color:transparent}
#Header .dropdown-menu{background-color:#ff7300; border-radius:0px;}
#Header .nav .open > a{ background-color:transparent}
#Header .dropdown-menu > li > a{color:#fff;font-weight:400; font-size:15px;padding:5px 10px;text-transform: capitalize}
#Header .dropdown-menu > li {border-bottom:1px solid #d86100; }
#Header .dropdown-menu > li:last-child{ border-bottom:none}
#Header .dropdown-menu > li > a:hover{ background-color:transparent; background-image:none;}
#Header .dropdown-menu{ margin:0px; padding:0px}

/******************************** Welcome ********************************/
#Welcome{ margin:30px 0px 10px}
#Welcome h1{font-size:34px; margin-top:0px}
#Welcome h3{ color:#ff7300; font-size:20px; font-weight:700}
#Welcome p{ color:#5e5d5d; font-size:15px}
#Welcome .Text{ color:#000000; font-size:19px;font-family: 'Lato', sans-serif;}
#Welcome .bg-warning{ padding:70px 20px}

/******************************** InnerContent ********************************/
#InnerContent{}
#InnerContent ul{ padding-left:20px}
#InnerContent ul.list-group{ padding-left:0px}
#InnerContent ul li{font-family: 'Lato', sans-serif; font-size:16px; line-height:26px}
#InnerContent .form-group{ margin-bottom:20px}
#InnerContent .form-group b{ color:#f00}
#InnerContent .form-control { border: 1px solid #ccc;height:42px;border-radius:0px;box-shadow: none;}
#InnerContent .input-group-addon{ border-radius:0px}
#InnerContent .form-control-feedback{ left:0; right:auto; top:27px}
#InnerContent .has-feedback .form-control{ padding-right:10px; padding-left:34px}
#InnerContent textarea.form-control{ height:auto}
#InnerContent .Tag{background: #ff5500;box-shadow: 1px -1px 0px rgba(0, 0, 0, 0.15) inset;border-radius: 3px 0 0 3px;color: #fff;display: inline-block;font-size: 18px;min-height: 40px;line-height: 37px;margin: 0 7px 7px 0;padding: 0 35px 0 10px;position: relative;text-decoration: none;-webkit-transition: color 0.2s}
#InnerContent .Tag a{ color:#fff}
#InnerContent .Tag::before{ background: #fff;border-radius: 10px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);content: '';height: 6px;right: 16px;position: absolute;width: 6px;top: 18px;}
#InnerContent .Tag::after {background: #FFF;border-bottom: 20px solid transparent;border-left: 12px solid #ff5500;border-top: 20px solid transparent;content: '';position: absolute;right: 0px;top: 0;}
#InnerContent .bg-orange{ font-size:22px; line-height:1; padding:10px 0px}
.Map .embed-responsive-16by9{ padding-bottom:34%}

/******************************** Footer ********************************/
#Footer{ border-top:5px solid #ff5500; background-color:#000000; color:#d9d9d9;font-family: 'Cuprum', sans-serif; font-size:13px; margin-top:20px; padding:20px 30px}
#Footer a{ color:#d9d9d9}
#Footer h4{ color:#019736; font-weight:700; font-size:20px;font-family: 'Raleway', sans-serif; margin-bottom:20px}
#Footer ul li{ margin-bottom:12px}
#Footer .SocialIcon{ margin:12px 0px}
#Footer .Copyright{ line-height:24px}


/******************************************************* Shopping *******************************************************/
.table{ font-family: 'Roboto', sans-serif;}
.table-bordered,.table-bordered tr th,.table-bordered tr td{border-color:#ff6619!important;}
.table>thead>tr>th{vertical-align:middle;padding:10px;border-bottom-width:1px;background-color: #ff6619; color:#fff !important}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding:10px;vertical-align:middle;}
.table .title{ font-weight:bold}
.table .title i{font-weight:normal;font-size:0.85em;}
.table .col1{width:17%; text-align:right}
.table .col2{width:35%; text-align:right}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th {background-color:#ffe6da;}

@media (min-width: 1280px) 
{
.container {width: 1200px;}
#Header .navbar-default .navbar-nav > li > a{font-size:15px !important}
}

@media (min-width: 992px) 
{
#Header .SocialIcon i{ margin-left:8px}
}

@media (min-width: 768px) 
{
.row.divider > [class*='col-']:before,.row.divider > [class*='col-']:after {background: #ddd; bottom: 0; content: " "; left: 0; position: absolute; width: 1px; top: 0;}
.row.divider > [class*='col-']:before {left: 0;}
.row.divider > [class*='col-']:after {right:-1px;left:auto;}
.row.divider > [class*='col-']:first-child:before,.row.divider > [class*='col-']:last-child:after {display: none;}

#Header .navbar-collapse {padding-right:0px;padding-left:0px;}

#Footer .SocialIcon i{ margin-right:8px}

.panel-default .panel-body{ padding:20px}
}

@media (max-width: 1199px) 
{
#Header .navbar-default .navbar-nav > li > a{font-size: 13px;}
#Header .nav > li > a {padding: 10px 5px;}
#Header .navbar-right{ margin-right:-5px}
}

@media (max-width:991px) 
{
#Header .row div{ text-align:center}
#Header .img-responsive{ display:inline-block}
#Header .SocialIcon i{ margin:1px 5px}
#Header .navbar-default .navbar-nav > li > a{ font-size: 15px;}
#Header .nav > li > a {padding: 10px 8px;}
#Header .navbar-right{ margin-right:-8px}
}

@media (max-width: 767px) 
{	
#Header .navbar-default{ background-color:#019736}
#Header .navbar-default .navbar-nav > li > a{ border-bottom:1px solid #007529; border-top: 1px solid transparent;border-top-color: transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);box-shadow: inset 0 1px 0 rgba(255,255,255,.1);color:#fff;font-size: 16px; text-align:left}
#Header .nav > li > a {padding: 10px 15px;}
#Header .navbar-right{ margin-right:-15px}
#Header .navbar-nav {margin: 0px -15px;}
#Header .navbar-default .navbar-collapse{ border-color:#007529}
#Header .navbar-default .navbar-brand{ color:#fff;font-weight:700; text-shadow:none}
#Header .navbar-toggle{ border-radius:0px; border-color:#fff; background-color:transparent}
#Header .navbar-default .navbar-toggle .icon-bar{ background-color:#fff}
#Header .dropdown-menu > li > a{padding:10px 15px;}

#Welcome .row div{ text-align:center}
#Welcome .img-responsive{ display:inline-block}
#Welcome .bg-warning{ margin-top:20px}

.Map .embed-responsive-16by9{ padding-bottom:70%}

#Footer .row div{ text-align:center}
#Footer .SocialIcon i{ margin:1px 5px}
}

/*************************************************** Responsive Tables ***************************************************/
@media (max-width: 679px) {
table.responsive, table.responsive tbody, table.responsive tfoot, table.responsive tbody td, table.responsive tbody tr {display: block; width:100%!important;}
table.responsive tfoot tr{width:100%;}
table.responsive thead tr {position: absolute;top: -9999px;left: -9999px;}
table.responsive tbody tr td {border: none;border-bottom: 1px solid #bbb; position: relative; white-space: normal;text-align:left!important;}
table.responsive tbody tr .Spacing{ padding-left:40%}
table.responsive tbody tr td:before { position: absolute;top: 50%;left: 10px;width: 35%; padding-right: 10px; white-space: nowrap;text-align:left;font-weight: bold;content: attr(data-title); margin-top:-10px;}
#InnerContent .Tag{ line-height: normal}
#InnerContent .Tag::before{ display:none}
#InnerContent .Tag::after{ display:none}
}

#InnerContent textarea.form-control{height:120px;}