/*
Theme Name: Shard
Theme URI: //underscores.me/
Author: Graham Mclachlan
Author URI: //gma-london.co.uk
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: //www.gnu.org/licenses/gpl-2.0.html
Text Domain: shard
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Shard is based on Underscores //underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal //necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
#IIT-signUpForm.IIT-signUpForm {
    font-family: "Raleway", Arial, Helvetica, sans-serif !important;
    color: #202020 !important;
    font-size: 13px !important;
    background-color: #fff !important;
    border: 0px !important;
    width: 100%  !important;
}

#IIT-signUpForm.IIT-signUpForm * {
    color: #050105;
    font-size: 16px !important;
}

#IIT-signUpForm input[type=text], #IIT-signUpForm input[type=email], #IIT-signUpForm input[type=password], #IIT-signUpForm select, #IIT-signUpForm #IIT-donepage input[type=text], #IIT-signUpForm #IIT-donepage input[type=password], #IIT-signUpForm #IIT-donepage select {
    background: #ffffff !important;
    display: block;
    width: 400px !important;
    height: 35px !important;
    padding: 9px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #b9b9b9 !important;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    /* color: #000 !important; */
}
#IIT-signUpForm.IIT-signUpForm select {
    width: 400px !important;
    height: 37px !important;
    border: 1px solid #b9b9b9 !important;
    border-radius: 4px;
}
#IIT-signUpForm.IIT-signUpForm label {
    display: block;
    margin: 11px 0 3px 0 !important;
    width: 400px !important;
    font-size: 19px !important;
    overflow: hidden;
}
#IIT-signUpForm.IIT-signUpForm .IIT-button input {
    background-color: #0088CC !important;
    color: #FFFFFF !important;
    border-color: #0088CC !important;
    width: 400px !important;
    height: 40px !important;
    border-radius: 3px !important;
    text-transform: uppercase;
    font-size: 13px !important;
}


@media screen and (max-width: 767px)
{

  #IIT-signUpForm.IIT-signUpForm {
      font-family: "Raleway", Arial, Helvetica, sans-serif !important;
      color: #202020 !important;
      font-size: 13px !important;
      background-color: #fff !important;
      border: 0px !important;
      width: 100%  !important;
      margin-right:40px;
  }


  #IIT-signUpForm input[type=text], #IIT-signUpForm input[type=email], #IIT-signUpForm input[type=password], #IIT-signUpForm select, #IIT-signUpForm #IIT-donepage input[type=text], #IIT-signUpForm #IIT-donepage input[type=password], #IIT-signUpForm #IIT-donepage select {
      background: #ffffff !important;
      display: block;
      width: 100% !important;
      height: 35px !important;
      padding: 9px 12px !important;
      font-size: 14px !important;
      line-height: 1.42857143;
      color: #666;
      background-color: #fff;
      background-image: none;
      border: 1px solid #b9b9b9 !important;
      border-radius: 4px;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          margin-right: 41px !important;
      /* color: #000 !important; */
  }
  #IIT-signUpForm.IIT-signUpForm select {
      width: 100% !important;
      height: 37px !important;
      border: 1px solid #b9b9b9 !important;
      border-radius: 4px;
      margin-right: 41px !important;
  }
  #IIT-signUpForm.IIT-signUpForm label {
      display: block;
      margin: 11px 0 3px 0 !important;
      width: 100% !important;
      font-size: 19px !important;
      overflow: hidden;
      margin-right: 41px !important;
  }
  #IIT-signUpForm.IIT-signUpForm .IIT-button input {
      background-color: #0088CC !important;
      color: #FFFFFF !important;
      border-color: #0088CC !important;
      width: 100% !important;
      height: 40px !important;
      border-radius: 3px !important;
      text-transform: uppercase;
      font-size: 13px !important;
      margin-right: 41px !important;
  }

.sbheader {
    height: 71px !important;
    padding: 5px 0;
}
}
.mobile-only {
    display:none !important;
}

@media (max-width: 991px) {
    .mobile-only {
        display:block !important;
    }

    .desktop-only {
        display:none !important;
    }
}

#submit-form {

  width:100%;
  margin-top:20px;
}

#account_type_shard_trader-error { display:none !important; }

#account_type_shard_go-error { display:none !important; }

#account_type_isa-error { display:none !important; }

#account_type_jisa-error { display:none !important; }



ul.progress_list {
  list-style:none;
  padding:0px;
      overflow: hidden;
    }

ul.progress_list li.first {
width:153px;
padding:0px;
}
ul.progress_list li.last {
  width:221px;
}
ul.progress_list li {
  width:198px;
}



ul.progress_list li {
  position:relative;
          float: left;
          background-color: #ffcc01;
          color: #000;
          height: 109px;
    padding: 0px 0px 0px 60px;          text-align:center;
          text-transform:uppercase;
          font-size:16px;
}
/*
.arrow_box {
	position: relative;
	background: #00a1e5;
	border: 5px solid #fff;
}
*/
ul.progress_list li:after, ul.progress_list li:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

ul.progress_list li:after {
  border-color: rgba(0, 161, 229, 0);
  border-left-color: #ffcc01;
  border-width: 59px;
  margin-top: -59px;
  z-index: 2;
}
ul.progress_list li:before {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 65px;
  margin-top: -65px;
  z-index: 1;
}
ul.progress_list li.unselected:after {
  border-color: rgba(0, 161, 229, 0);
  border-left-color: #00a1e5;
  border-width: 59px;
  margin-top: -59px;
  z-index: 2;
}
ul.progress_list li.unselected:before {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 65px;
  margin-top: -65px;
  z-index: 1;
}
ul.progress_list li.last:after {
  display:none !important;
  border-color: rgba(0, 161, 229, 0);
  border-left-color: #00a1e5;
  border-width: 59px;
  margin-top: -59px;
  z-index: 2;
}
ul.progress_list li.last:before {

  display:none !important;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 65px;
  margin-top: -65px;
  z-index: 1;
}


ul.progress_list li h3 {
color:#000;    font-size: 14px;
    font-weight: 700;
}

ul.progress_list li.unselected h3 {
color:#fff;

}

ul.progress_list li.unselected {

      float: left;
      background-color: #00a1e5;
      color: #fff;
      height: 109px;

}
@media screen and (max-width: 1020px) {
ul.progress_list { display:none !important; }
}
.lowerthin { text-transform:none !important; font-weight:400 !important;}


@media (min-width: 1500px) and (max-width: 5000px) {
  .large-screen
  {
    background-image: url('//shardcapital.com/wp-content/uploads/2016/12/banner-2x2.jpg') !important;
  }
}
.mainnews {
  border: 1px solid #3cafd2; margin: 0px; padding: 0px; display:flex;
}
img.newsimg { width:50%; float:left;  height:100%;}

.fullhalf { width:50%; }

a.blue-link {
color: #05a9ff;
}
.indynews h3 {
    text-transform: uppercase;
    font-size: 16px;
    color: #15a8e5;
    width:100%;
        line-height: 31px;
    margin-bottom: 20px;
    margin-top: 27px;
    display:inline-block;

}
h3.subheading {
  text-transform: uppercase;
  font-size: 16px;
  color: #15a8e5;
  width:100%;
      line-height: 23px;
  margin-bottom: 20px;
  margin-top: 17px;
  display:inline-block;
}
h3.subheading2 {
    text-transform: none;
    font-size: 16px;
    color: #383838;
}
h3.subheading3 {
    text-transform: none;
    font-size: 16px;
    color: #FFF;
}

h2.s-heading {
  text-transform: uppercase;
  font-size: 22px;
  color: #00a1e4;
  border-bottom: 1px solid #6e7c96;
  line-height: 50px;
  margin-bottom: 17px;
}

.app-container {
  background-color:#17469e;
  color:#fff;
  padding-bottom:50px;
}

ul.late {
    margin: 0 10px;
    padding: 0 1em;
    list-style: none;
}
.deskmarg { margin-bottoM:32px; }
ul.late li { font-size:13px; }
ul.late li:before {
    content: "";
    border-color: transparent #05a9ff;
    border-style: solid;
    border-width: 0.25em 0 0.25em 0.25em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}
.mostread-heading {
text-transform: uppercase;
font-size: 16px;
color: #15a8e5;
width: 100%;
line-height: 31px;
margin-bottom: 4px;
margin-top: 18px;
display: inline-block;
}

hr {
    margin-top: 36px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #17469e;
}
.btn-play {
    letter-spacing: 0;
    margin: 0 0 0 15px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    overflow: hidden;
    background: url(../images/icon03.png) 0 0;
}
.btn-play:hover {
	background: url("images/icon03-hover.png") 0 0;
	width: 34px;
	height: 34px;
}
.grey-box {
  background-color:#ecebf1;
  padding-bottom:16px;
}
.grey-box .inner {
  padding: 0px 20px 12px 21px;
display: inline-block;
}
.contact-details {
  margin-bottom: 5px;
margin-top: 5px;
}
a.article_title {
display: inline-block;
color: #05a9ff;
text-transform: none;
font-size: 18px;
margin-top: 3px;
padding-top: 5px;
}
a.article_title:hover {
  color: #fc0;
}

a.side-button-link {
border: 1px solid #15a8e5;
border-radius: 3px;
padding: 15px;
height: 51px;
display: -webkit-box;
margin-bottom: 17px;
background-color: #15a8e5;
color: white;
font-size: 18px;
line-height: 21px;
}

a.side-button-link:hover {

  color: #fc0;
}
a.gotobutton {
  height: 30px;
width: 320px;
/* margin-top: 20px; */
/* clear: both; */
float: right;
font-size: 19px;
color: #2cb0e7;
background-size: 30px;
background-image: url(//shardcapitalstockbrokers.com/wp-content/themes/shard-theme/images/iconb.png);
background-repeat: no-repeat;
background-position: right;
}
a.gotobutton:hover {
  height: 30px;
width: 320px;
/* margin-top: 20px; */
/* clear: both; */
float: right;
font-size: 19px;
color:#fc0;
background-size: 30px;
  background-image: url(//shardcapitalstockbrokers.com/wp-content/themes/shard-theme/images/iconb-hover.png);
background-repeat: no-repeat;
background-position: right;
}

.postdate
{

  color: #126088;
font-size: 12px;
}
.topstory {
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 7px;
  text-transform: none;
  color: #383838;
}
.nextstory {
  text-transform: uppercase;
  font-size: 19px !Important;
  color: #05a9ff;
  margin-top: 91px;
  margin-bottom: 20px;
}
.newssubheading {
  color: #05a5ff;
  margin-top: 0px;
  margin-bottom: 22px;
  font-size: 20px;
}
h2.article_heading
{
  margin-top: 0px;
  margin-bottom: 0px;
  color:#0ca6e6;
}
.img_box_team
{
  text-align: center;
  overflow: hidden;
  margin: 0 0 30px;
  position: relative;
  height: 391px;
  cursor: pointer;
  font-size: 13px;
  line-height: 20px;
}
a.article_title_sticky
{
  font-size: 24px;
      margin-top: 12px;
      display: -webkit-box;
      line-height: 32px;
      margin-bottom: 10px;
      color: #00a1e4;
}
a.article_title_sticky:hover
{
color: #fc0;
}
.newsfilter {
  text-transform: none;
    font-size: 18px !important;
    color: #ffffff;
    float:none !important;
    margin-bottom: 15px !important;
}
.centered {
  text-align:center;
}
.nofloat {
  float:none !important;
}
.newscategory {
  line-height: 28px;
  color: #000000;
  font-weight: 400;
  font-size: 15px;
  margin-left: 17px;
}

.division-holder {
position: relative;
    margin: 35px 0 30px;
    background: #00a1e4;
    border-radius: 2px;
    padding: 11px 31px 13px;
  }
  .goto {
    height: 30px;
        width: 30px;
        margin-top: 20px;
        clear: both;
        float: right;
        background-size: cover;
background-image: url(//shardcapitalstockbrokers.com/wp-content/themes/shard-theme/images/iconb.png);
  }
  .goto:hover {

    background-image: url(//shardcapitalstockbrokers.com/wp-content/themes/shard-theme/images/iconb-hover.png);

  }
  .intro-apply-text {
    margin-top:18px;
    margin-bottom:18px;
    display:inline-block;
  }
  .gotoapply {
    height: 30px;
        width: 30px;
    /*    margin-top: 20px; */
        clear: both;
        float: right;
        background-size: cover;
background-image: url(//shardcapitalstockbrokers.com/wp-content/themes/shard-theme/images/iconb.png);
  }
  .gotoapply:hover {

    background-image: url(//shardcapitalstockbrokers.com/wp-content/themes/shard-theme/images/iconb-hover.png);

  }
  .goto-mt {
    height: 30px;
        width: 30px;
        margin-top: 0px;
        clear: both;
        float: right;
        background-size: cover;
background-image: url(//shardcapitalstockbrokers.com/wp-content/themes/shard-theme/images/iconb.png);
  }
  .goto-mt:hover {

    background-image: url(//shardcapitalstockbrokers.com/wp-content/themes/shard-theme/images/iconb-hover.png);

  }
  .section-reports {
    background: #ebebf0;
    overflow: hidden;
    padding: 50px 0 24px;
    background-image: url(//shardcapital.com/wp-content/uploads/2017/01/Brochure-and-Docs-SCP.jpg);
    background-size: cover;
    background-position-y: center;
    min-height: 400px;
}
.section-shardgo {
  background: #ebebf0;
  overflow: hidden;
  padding: 50px 0 24px;
  background-image: url(https://shardcapitalstockbrokers.com/wp-content/uploads/sites/2/2017/01/shardgo.jpg);
  /* background-size: cover; */
  background-repeat: no-repeat;
  background-color: #010409;
  background-position: center bottom;
  min-height: 500px;
}
.section-smallcap {
  background: #fff;
  overflow: hidden;
  padding: 50px 0 24px;
  background-image: url(https://shardcapitalstockbrokers.com/wp-content/uploads/sites/2/2017/02/private-small-cap-and-specialist-new.jpg);
  /* background-size: cover; */
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: right bottom;
  min-height: 500px;
}
.section-advisory {
    background: #fff;
    overflow: hidden;
    padding: 50px 0 24px;
    background-image: url(https://shardcapitalstockbrokers.com/wp-content/uploads/sites/2/2017/01/corp-private-advisory-service.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    min-height: 500px;
}
.section-managed-services {
  background: #fff;
  overflow: hidden;
  padding: 50px 0 24px;
  background-image: url(https://shardcapitalstockbrokers.com/wp-content/uploads/sites/2/2017/01/corp-private-managed-services.jpg);
  /* background-size: cover; */
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center -39px;
  min-height: 500px;
}
.section-wealth-management {
  background: #fff;
  overflow: hidden;
  padding: 50px 0 24px;
  background-image: url(https://shardcapitalstockbrokers.com/wp-content/uploads/sites/2/2017/01/corp-private-wealth-management.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center;
  min-height: 500px;
}
.section-tax {
  background: #fff;
  overflow: hidden;
  padding: 50px 0 24px;
  background-image: url(https://shardcapitalstockbrokers.com/wp-content/uploads/sites/2/2017/01/corp-private-tax-efficient-investments.jpg);
  /* background-size: cover; */
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center;
  min-height: 500px;
}
.section-blue {
background-color: #17469e;
color: white !important;
}
.white {
  color:#fff !important;
  border-bottom: 1px solid #ffffff !important;
}
.dark-bg { color:white; }
.section-three .text-box {
    top: 15px;
    left: 15px;
    bottom: 15px;
}
.mem-titles {
  background-color: #17469e;
  padding: 6px;
/*  height: 33px; */
  line-height: 22px;
  font-size: 12px;
  color: white;
  margin: 0px 5px 5px 5px;
}
.news-title-link {
  color:#fff !important;
}
.news-title-link:hover {
  color:#fc0 !important;
}
.condeet {
  font-size: 18px;
  position: relative;
  top: 4px;
  margin-right: 3px;
}
.gallery-icon {
  width: 176px;
      margin-right: 28px;
      float: left;
      margin-bottom: 0px;
      height: 115px;
      padding-top: 11px;
}
.standard-height {

height:  200px;
}
h2.s-headingb {
    text-transform: uppercase;
    font-size: 22px;
    color: #00a1e4;
    /* border-bottom: 1px solid #6e7c96; */
    line-height: 30px;
    margin-bottom: 17px;
    margin-top: 30px;
    clear:both;
}
.groll:hover { color:#fc0; }

.loginreg {     background-color: #00a1e4;
    height: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 3px;
    padding-right: 9px;
    font-size: 12px;
    position: relative;
    top: -5px; cursor:pointer; }

.logicon {     color: #fff !important;
    margin: 7px 4px 4px 7px !important;
    font-size: 17px
     !important; }

.loginpopup { background-color: #00a1e4; text-align:center;
    color:#fff;}

    .loginpopup .modal-header { border:0px !important;}
    .loginpopup .modal-footer { border:0px !important;}
    .popup-title {
      font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 27px;
}
  .popup-links {       background-color: white;
    padding: 13px;
    border-radius: 4px;
    color: #00a1e4;
    width: 184px;
    padding-bottom: 8px;  margin-left:10px; margin-right:10px; cursor:pointer; }

.select-holder {
    width:410px;
    display: inline-block;
    float: right;
    clear:both;
}
.select-holder-2 {
width:381px;
display: inline-block;
float: right;
}

.declaration {

  border: 1px solid #00a1e4;
  padding: 17px;
  margin-top: 24px;
  margin-bottom: 22px;
}

a.terms-link {
  color:#1f97da;
}
.team-title { font-size:20px; margin-top: 50px; }
@media (max-width: 800px) {
  .deskmarg { margin-bottoM:0px; }
.team-title { font-size:20px; margin-top: 15px; }
  .timeline ul li div {
      left: -31px !important;
      width: 333px !important;
  }
  .timeline ul li {
      list-style-type: none;
      position: relative;
      width: 6px;
      /* margin: 0 auto; */
      padding-top: 25px;
  background: transparent !important;
  }
  .mobile-bmarg { margin-bottom:20px; }
  .mobile-hide {display:none; }
  .mobile-down { position:relative; top:25px; }
  .timeline ul li div::before {
    content: '';
display:none;    position: absolute;
    bottom: 50px;
    width: 0;
    height: 0;
    border-style: solid;
  }
  .standard-height {
    height: 120px;
}

  .mob-nomarg { margin-top:0px !important; }
  .mob-no-bmarg { margin-bottom:32px !important; }
.minh-mob {     min-height: 226px !Important; }
.mob-topmarg { margin-top:25px; }
  .fullhalf { width:100%; }
  .zerobmarg { margin-bottom:0px !important; }

  .mainnews {
    border: 1px solid #3cafd2; margin: 0px; padding: 0px; display:inline-block;
  }
  img.newsimg { width:100%; float:left; height:100%; }
}
@media (max-width: 990px) {
  .select-holder {
      width:100%;
      display: inline-block;
      margin-top:20px;
      float: right;
      clear:both;
      margin-bottom: 25px;
  }
.topstory { display:none; }
.newsmarg { margin-bottom:20px; }
a.article_title_sticky {
    font-size: 20px;
    margin-top: 12px;
    display: -webkit-box;
    line-height: 29px;
    margin-bottom: 10px;
    color: #00a1e4;
}
ul.late {
    margin: 0 -1px;
    padding: 0 0.8em;
    list-style: none;
}
  .select-holder-2 {
  width:100%;
  }
service-holder .select-box {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    max-width: 290px !important;
    min-width: 100% !important;
}
}
.owl-carousel .owl-item img { border-radius:3px; }

.reps {
  margin-top: -8px !important;
  line-height: 19px !important;
  width: inherit !important;
  max-width: 238px;
 }