h1 {color: #000000; font-size: 2.6em; margin-bottom: 12px;}
h1.text-center {text-align: center; color: #858585; font-size: 1.9em; font-weight: bold; margin-bottom: 15px; margin-top: 25px;}
h1.title {font-size: 2.6em;}
h2 {color: #0068b2; font-size: 1.9em; font-weight: bold; margin-bottom: 14px; margin-top: 15px;}
h3 {font-size: 1.5em; color: #fb2520; margin-top: -8px; margin-bottom: 14px;}
.h3-onas {margin-top: 20px; margin-bottom: 5px;}
h4 {color: #000000; font-size: 1.5em; font-weight: bold; margin-bottom: 14px; margin-top: 15px;}
#motto #motto-title {color: #fb2520; font-size: 2.35em; padding: 10px; margin-top: 35px; margin-bottom: 25px; font-weight: bold; text-shadow: 1px 1px 1px #000000;}
#motto #motto-text {display: inline; font-size: 2.1em; color: #ffffff; padding: 10px; text-shadow: 1px 1px 1px #000000; font-weight: bold; /*opacity: 0.8; filter:alpha (opacity=80) background-color: #006197; border-radius: 8px;*/}
p, ul, ol, table {font-size: 1.3em; text-align: justify;}
ul, ol {margin-left: -15px;}
ul {list-style: square;}
a {text-decoration: underline; color: #0068b2;}
a:hover {color: #fb2520;}
a.thumbnail:hover {border-color: #000000;}
a.two:link {text-decoration: none; color:#ffffff;}
a.two:visited {color:#ffffff;}
a.two:hover {color:#fb2520;}
.btn-link {color: #555;} 
.btn-link:hover {color: #939393;}
.blue-strip {font-size: 26px; text-align: center; background: linear-gradient(#0068b2, #004a7f); color: #ffffff; padding: 10px; margin-bottom: 30px; margin-top: 30px; text-shadow: 1px 1px 1px #000000; border-radius: 5px; box-shadow: 0 8px 20px #000;}
hr {margin-top: 25px; border-color: #0068b2;}
.form-control {font-size: 13px; padding: 6px 10px; margin-top: 18px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.075) inset;}
#topbar .btn-default {margin-top: 18px;}
.p-puma {margin-top: 44px; margin-bottom: 40px; text-align: center; background-color: #ededed; box-shadow: 0 10px 30px #000;}
.navbar {background: linear-gradient(#c4e8fe,#ffffff); box-shadow: 0 5px 4px #d3d3d3; font-weight: bold; margin-top: 20px; font-size: 1.1em; text-transform: none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: #ffffff; color: #000000;}
.navbar-default .navbar-nav > li > a {color: #555; text-decoration: none; padding-bottom: 20px; padding-top: 20px;}
.navbar-default .navbar-nav > li > a:hover {color: #fb2520;}
#motive {margin-top: 16px;} 
.panel-title {font-size: 1.5em; color: #000000;}
#logo img {margin-top: 15px;}
#footer-content {font-size: 0.9em;}
#bar-footer {font-size: 1em; border-top: 1px solid #ffffff; padding: 0.9em 1em;}
footer {background: linear-gradient(#0068b2, #004a7f);}
.footer-motive-text {visibility: hidden !important; display: none !important;}
/*responsive*/
@media (max-width: 700px) {#motto #motto-title {display: none;}}
@media (max-width: 700px) {#motto #motto-text {display: none;}}

#conversion {
  margin: 2em auto 4em;
  padding: 0;
  max-width: 100%;
}
  #conversion div {
    margin-right: 1.25%;
    padding: 0;
    width: 32.5%;
    float: left; }
  #conversion div:last-child {
    margin: 0; }
  #conversion > div > a {
    display: block;
    background: #0068b2;
    background: linear-gradient(#0068b2, #004a7f);
    color: #fff;
    font-size: 1.4em;
    text-decoration: none;
    text-shadow: 1px 1px #000;
    line-height: 2em;
    padding: 1em;
    border-radius: 5px 5px 0 0;
    transition: all 0.3s ease; }
  #conversion > div > a:hover {
    color: #fb2520; }
  #conversion > div > a:before {
    font-family: 'FontAwesome';
    color: #fb2520;
    content: "\f115";
    font-size: 2em;
    padding: 0 15px 0 0;
    float: left; }
  #conversion > div > a:after {
    content: "\f105";
    display: inline-block;
    font-family: 'FontAwesome';
    color: #fb2520;
    padding-left: 0.5em;
    font-size: 1.5em;
    vertical-align: middle;
    margin-top: -0.2em;
    transition: all 0.15s ease; }
  #conversion > div > a:hover:after {
    transform: translateX(5px); }
  #conversion > div > div {
    border: 1px solid #0068b2;
    padding: 1.5em;
    border-top: 0;
    width: 100%;
    border-radius: 0 0 5px 5px; }
    #conversion > div > div ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    #conversion > div > div li:before {
      font-family: 'FontAwesome';
      content: "\f00c";
      padding-right: 0.5em;
      color: #fb2520; }
  #conversion .inquiry > a:before {
    content: "\f2b5"; }
  #conversion .service > a:before {
    content: "\f085"; }
  #conversion .rent > a:before {
    content: "\f087"; }
  #conversion:after {
    display: block;
    content: "";
    clear: both; }