/*
font-family: 'Open Sans', sans-serif;
font-family: 'Crimson Text', serif;
*/
* { box-sizing:border-box; }

body, html { width:100%;min-height:100%;margin:0;padding:0; font-size:16px;color:#000; box-sizing:border-box; background:#fff;font-family: 'Ubuntu', sans-serif; position:relative; }
body { padding-top:106px; font-size: 16px;    line-height: 25px; font-weight:300; }
@media (max-width:740px) {
  body { font-size:14px; line-height:21px; }
}

a { text-decoration: none; color: #1e60aa; transition: all 0.3s ease;  }
a:hover { color:#85a9cf; }

b,strong { font-weight:700; }

p { margin-top:20px; }
p:first-of-type {  margin-top:0; }

header #header { background:#fff; width:100%; height:100px; line-height:60px; color:#fff; /* box-shadow: 0 0 5px #000;*/ z-index: 99;  position: relative; }
header { position:fixed; top:0; left:0; right:0;  width:100%; padding:0;font-weight: 400; z-index:99;  }
header .container { height:100px; }
header #logo_icon { position:absolute; left:0;top:20px;bottom:20px; text-align:left; }
header #logo_text { position:absolute; right:0;top:20px;bottom:20px; text-align:right; }
header #logo_top_middle { text-align:center;height:100%;padding:20px 0; } 
header #logo_top_middle a { disply:inline-block;    display: inline-block;    height: 100%; }
header #logo_icon img, header #logo_text img, header #logo_top_middle img { display:inline-block; height:100%; width:auto; }

header #header .fa { font-size:11px; width:30px; height:30px; border:1px solid #7d93ab; border-radius:50%; text-align:center; line-height:30px; }
header #header_sub { width:100%; height:46px; background:#222; box-shadow: 0 0 5px #000; z-index: 98; position: relative; }
header #logo { position:absolute; left:15px; top:14px; height:34px; }
header #logo img { height:34px; width:auto; display:block; }
header #comms { position:absolute; right:15px; }
header #header_sub nav { text-align:center; width:100%; height:46px; line-height:46px; font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px; }
header ul { list-style: none; margin:0; padding:0; }
header ul li { display:inline-block; margin-left:20px;position:relative;  }
header ul li:first-of-type { margin-left:0; }
header #header ul li { border-left: 1px solid #6f91b6; font-size: 14px; padding-left: 10px; line-height: 21px; margin-left: 8px;  }
header #header ul li:first-of-type { border-left:none; margin-left:0; padding-left:0; }
header #header a { color:#fff;text-decoration:none; }
header #header a:hover { color:#85a9cf; }

header #header_sub a, header #header_sub li.active ul li a { color:#ccc;text-decoration:none; }
header #header_sub a:hover, header #header_sub li.active ul li a:hover { color:#fff; } 
header #header_sub li.active a, header #header_sub li.active ul li.active a {   color:#ec624c; }
header #header .fa { display:none; }
@media (max-width:740px) {
  header a span { display:none; }
  header #header .fa { display:block; }
  header #header ul li { border:none; padding-left: 0; margin-left: 5px; }
  header #header ul li:first-of-type { border-left:none; margin-left:0; padding-left:0; }
}

header ul li ul { position: absolute;  background: #222;  border: 1px solid #000;  width: 270px;  text-align: left; left: -20px; display:none; }
header ul li ul li { padding:0; margin:0; width:100%; }
header ul li ul li a { display:block; padding:0 20px; }


#mobile_menu_toggle { width:100%; font-size:24px; color:#fff; text-align:center; line-height:46px; }
@media (max-width:740px) {
  header #header_sub nav { display:none; position:absolute;top:46px; background:#333; height:initial;    left: 0; right: 0; }
  header #header_sub nav ul li { width:100%;display:block;margin:0; }
  header ul li ul { position: relative; background: #222; border: 1px solid #000; width: 100%; text-align: center; border-left: none; left: initial; border-right: none;  }
  header ul li ul.active-sub { display:block; }
}


footer { background:#333538;font-family: 'Open Sans', sans-serif; }
footer div.text-center { color:#fff;padding-top:30px; font-size:13px; }
footer nav { text-align:center; margin:10px auto 20px;  }
footer nav ul { list-style: none; margin:0; padding:0; }
footer nav ul li { display:inline-block; margin-left:20px; font-size:24px;}
footer nav ul li:first-of-type { margin-left:0; }
footer a { color:#fff; }
footer a:hover { color:#ec624c }
footer .sub-footer { width:100%; height:60px; line-height:60px; text-align:center; color:#fefefe; text-transform:uppercase;font-size: 10px;background: #222; letter-spacing: 2px; font-weight: 600; }

h1,h2,h3,h4,h5,h6 { font-family: 'Josefin Sans', sans-serif; font-weight:400; margin:0; padding:0;text-transform:uppercase; }

h1.hdr { text-align:center;margin:30px auto 50px; }
h2.hdr { text-align:left;margin:15px 0 20px 0;text-transform:initial; }
h3.hdr { text-align:left;margin:-10px 0 20px 0; color:#ec624c;text-transform:initial; }

.spacer40 { width:100%;height:40px;display:block; }
.dotter-wrapper { width:100%;padding:0 40px; }
.dotter { width:100%; height:1px; border-top:1px dashed #ccc; margin:0 auto; }

img.small-ace { width:30px;height:30px;display:block; margin:10px auto; }
img.micro-ace { display:inline-block; margin: 10px auto 0px; height:17px; width:17px; }

.container { width:100%; max-width:1024px; margin:0 auto; position:relative; padding:0 15px; }

.banner { width:100%; background-size:cover; background-position:50% 50%; display:table; height: 0; padding-top: 25%; }
.banner-box-wrapper { display:table-cell; width:100%; vertical-align:middle; }
.banner-box { color: #fff; text-align: center;  padding: 30px 50px;  background: rgba(8, 24, 42, 0.7);  margin: 10% auto; max-width: 700px; width: 100%; }
@media (max-width:660px) {
  .banner { padding-top:70%; height:initial;margin-top:35px; }
  .banner-box { margin:0; }
}
.banner-box p { font-size: 18px; margin: 10px 0 0 0; line-height: 20px; }

.blue-bar { width:100%; background:#5c84b0; text-align:center; color:#fff;line-height: 54px; }
.blue-bar h2 { font-weight:normal; }
.blue-bar.black-bar { background:#000 }

.bgv {     background-image: url(//vulcanplc.com/assets/bgv.jpg);   background-position:50% 50%; background-size: cover;    background-repeat: no-repeat;    background-color: #fff; }

.boxx { display:table; }
.colx-2, .colx-3, .colx-6, .colx-9 { display:table-cell;width:25%;vertical-align:middle;padding:5px; text-align:center; }
.colx-9 { width:33.33333334%; }
.colx-2 { width:20%; }
.colx-6 { width:50%; }
.boxx .int { background:#08182a; padding: 10px; color:#fff; }
.boxx .int a { color:#90a7c1; }
.boxx h3 { background: #27415f;
    padding: 10px 0;
    margin-bottom: 20px;font-weight: normal;
    font-size: 20px; }
.colx-2 h3 { font-size:17px; }

@media (max-width:740px) {
  .boxx { display:block; }
  .colx-2, .colx-3, .colx-6, .colx-9 { display:block; width:100%; }
}


.blackout { background: linear-gradient(45deg, #2a2b2d, #434850); color: #efefef; }
.blackout b, .blackout h1, .blackout h2, .blackout h3 { color:#fff; } 

.inner-container { max-width: 1024px; margin:0 auto; }

.p20 { padding:20px; }
.text-justify { text-align:justify; }

#big_map { border: 0;  margin: 0 auto;  display: block; width: 100%;    max-width: 984px; }

#vulcan_intro { width:100%;max-width:990px; margin:100px auto;  } 
#vulcan_intro_l { width:30%; text-align:center; padding:30px; }
#vulcan_intro_l img { width:100%; height:auto; opacity:0.8; }
#vulcan_intro_r { width:70%; text-align:justify;font-weight:bold; padding:30px; font-size:19px; line-height:28px; border-left:1px solid #000; }
#vulcan_intro_r span { font-weight:300; }

@media (max-width:1100px) {
  #vulcan_intro { display:block; margin:50px auto;  } 
}

@media (max-width:740px) {
  #vulcan_intro { display:block; margin:0 auto;  } 
  #vulcan_intro_l { display:block;width:100%; }
  #vulcan_intro_l img { max-width: 140px; }
  #vulcan_intro_r { display:block;width:100%;border-left:none; padding: 0 30px;  font-size: 15px;  line-height: 24px; }
}

#vulcan_i40, #vulcan_i40 .tbl, #vulcan_grp, #vulcan_grp .tbl  { width:100%; text-align:center; }
#vulcan_i40 .clear, #vulcan_grp .clear { clear:both; display:block;width:100%; height:1px;margin-top:-1px;visibility:hidden; }
#vulcan_i40 .ball { width:15px;height:15px; background:#ccc; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position:absolute; left:-8px;bottom:-8px; }
#vulcan_i40 .ball.big-ball { width:70px;height:70px; background-color:#fff;background-position:50% 50%; background-size:35px auto;background-repeat:no-repeat; border:2px solid #000; position:relative; left:50%;bottom:-35px; margin-left:-35px; z-index:2; }
#vulcan_i40 .block { padding:15px;background:#eee;color:#fff; }
#vulcan_i40 .block h3.hdr { text-align:center;color:#fff; margin: 15px 0 0 0; }
#vulcan_i40 .block p { margin:10px 0;padding: 0 15px; font-size: 15px; line-height: 22px; }

#vulcan_grp .grp-co { font-weight:bold; width:100%; margin:-15px auto; margin-top:25px; position:relative; }
#vulcan_grp .grp-co:before { content:''; border-left:1px solid #000;position:absolute; height:25px; width:1px; top:-25px; }
#vulcan_grp .grp-co a, #vulcan_grp .grp-co a:visited { color:#ccc;background:#000; display:block; padding:20px; font-size:14px; }
#vulcan_grp .grp-co a:hover { color:#fff;background:#ec624c; }

.tbl-cll { position:relative; }
.cll10 { width:10%; }
.cll20 { width:20%; padding: 15px 0; }
.cll25 { width:25%; }
.cll80 { width:80%; }
.cll33 { width:33.333334%;padding: 15px 0;  }
.cll50 { width:50%;padding: 15px 0;  }
.cll6 { width:16.66666%; padding:15px 0; }

#vulcan_grp .cll25 { padding: 0 15px 15px 15px; }

.info-table { width:100%; }
.info-title { white-space:nowrap; font-weight:bold; }
.info-title, .info-description { padding:15px; vertical-align:top; }

.bb { border-bottom:1px solid #000;  }
.bl { border-left:1px solid #000; }
.br { border-right:1px solid #000; }
.bt { border-top:1px solid #000; }

.plr20 { padding-left:20px; padding-right:20px; }

.vab { vertical-align:bottom !important; }

#block_i1.block { background:#efa92a; }
#block_i1.block .ball.big-ball { border-color:#efa92a;background-image:url('//vulcanplc.com/media/i1icon.jpg'); }
#block_i1.block p { margin-bottom:10px; }

#block_i2.block { background:#344794; }
#block_i2.block .ball.big-ball { border-color:#334794;background-image:url('//vulcanplc.com/media/i2icon.jpg'); }
#block_i2.block p { margin-bottom:50px; }

#block_i3.block { background:#489bad; }
#block_i3.block .ball.big-ball { border-color:#489bad;background-image:url('//vulcanplc.com/media/i3icon.jpg'); }
#block_i3.block p { margin-bottom:80px; }

#block_i4.block { background:#99b94f; }
#block_i4.block .ball.big-ball { border-color:#99b94f;background-image:url('//vulcanplc.com/media/i4icon.jpg'); }
#block_i4.block p { margin-bottom:110px; }

@media (max-width:740px) {
  #vulcan_i40 .cll20 { width:100%; display:block; }
  #vulcan_i40 .block p { margin-bottom:initial !important; }
  #vulcan_i40 .block b { margin-top:20px; }
  #vulcan_i40 .cll10 { display:none; }
  #vulcan_grp .cll33 { display:block; width:100%;margin:15px 0; }
  #vulcan_grp .grp-cos-list { margin:20px auto; width:100%; max-width:240px; text-align:left; }
  #vulcan_grp .grp-cos-list li { line-height:30px; }
}

#investors { min-width:1024px; }
#investors .shareholder-info { width:100%;cells-spacing:none; border-collapse:collapse; }
#investors .shareholder-info td { padding:15px 0; }
#investors .shareholder-info tr td { border-top:1px dashed #ccc; }
#investors .shareholder-info tr:first-of-type td, #investors .shareholder-info tr td.nbt { border-top:none; }
#investors .shareholder-info tr td.hdr { font-weight:bold; text-align:left; }
#investors .shareholder-info tr td.hdr.text-center { text-align:center; }

.text-right { text-align:right; }

#vulcan_clt img {     width: 200px;
    height: 100px;
    object-fit: contain;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

.text-center { text-align:center; }

.arrow-down { margin: 0 auto -14px auto; width: 0; height: 0; border-left: 12px solid transparent;  border-right: 12px solid transparent; border-top: 14px solid #5c84b0; z-index: 20; position: relative;  }
.arrow-down.black-arrow { border-top: 14px solid #000; }

.latest-transactions { background:#bccfe5; padding:50px 20px 100px 20px; text-align:center;font-family: 'Open Sans', sans-serif; }
.latest-transactions .t-block { display:table;width:100%;border-spacing: 20px; border-collapse: separate; }
.latest-transactions .c-block { display:table-cell;width:25%;box-shadow: 0 3px 12px 0px #000000; }
.latest-transactions .profile-img { display:block; width:100%; background:#fff; padding:20px 15px; text-align:center; }
.latest-transactions .profile-img img { display:inline-block; width:100%; height:auto; }
.latest-transactions ul { list-style:none; width:100%; padding:6px 12px; margin:0;background:#08182a; color:#fff; }
.latest-transactions ul li { width:100%; padding:0 15px; line-height:48px; border-top:1px solid #5b84b0; }
.latest-transactions ul li:first-of-type { border:none; }
@media (max-width:990px) {
  .latest-transactions .c-block { display: inline-block;
    width: 45%;
    margin: 10px; }
  .contact-links { text-align: center; }
}
@media (max-width:640px){ 
  .box h1 { font-size: 22px;
    margin-bottom: 20px; }
  .latest-transactions { padding:20px 10px 50px 10px; }
.latest-transactions .t-block { display:block;width:100%;border-spacing:initial; border-collapse: initial; }
.latest-transactions .c-block { display:block;width:100%;margin:0 0 20px 0;box-shadow: 0 3px 12px 0px #000000; }
}

.latest-transactions .b-block { background:#fff;padding:25px; }

.box { width:100%; text-align:justify; padding:60px 15px; max-width:1024px; margin:0 auto;  }
@media (max-width:660px) {
  .box { padding:20px 15px; }  
}

.box .container { display:table; }
.row { position:relative; margin:80px 0; }
.col-3, .box .col-7 { display:table-cell; }
.col-3 { width:30%; vertical-align:top; text-align:center; }
.col-7 { width:70%; vertical-align:top; }
@media (max-width:990px) {
.col-3, .box .col-7 { display:block; }
.col-3 { width:100%; vertical-align:top; text-align:center; }
.col-7 { width:100%; vertical-align:top;    max-width: 500px;
    margin: 0 auto; }
}

.tbl { display:table; }
.tbl-cll { display:table-cell; vertical-align:middle; }

.profile-image { height:180px;width:180px;background-color:#eee; margin:10px auto 0;background-size:cover; background-position:50% 50%;overflow:hidden; }
.profile-name { font-family: 'Open Sans', sans-serif; margin-top:15px; font-size:16px; line-height:22px; font-weight:bold; }

.contact-links a { width: 40px; height: 40px; background: #08182a; line-height: 40px; text-align: center; font-size: 15px; display: inline-block; margin-right: 2px;  color: #fff; }
.contact-links a:hover { border-radius:50% 0 50% 0; }

h2.hdr.text-center { text-align:center; }

.me { display:none !important; }
.nme { display:block !important; }

@media (max-width:740px) {
  .me { display:block !important; }
  .nme { display:none !important; }
}