*{
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	-moz-box-sizing: border-box;    /* Firefox 1 - 28 */
	box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */
}
body, html {
  height: 100%;
}
body{
	font-family: Raleway;
  font-weight: 400;
	font-size: 15px;
	line-height: auto;
	color: #5e5e5e;
}
h2, h3, h4, h5, h6{
	font-weight: normal;
	margin-bottom: 15px;
}

ul, li{
  list-style: outside none none;
}
ol {
  list-style: inside none disc;
  padding-left: 20px;
}
ol li{
list-style: outside none decimal;
}
a{
	text-decoration: none;
  outline: 0;
  border: 0;
  color: #8a9c1f;
}
a:hover{
	text-decoration: none;
}
.clear{
  clear: both;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.noMR{
  margin-right: 0 !important
}
.noMB{
  margin-bottom: 0 !important
}
.cl{
  clear: both;
}
.intro{
  height: 100vh;
}

header{
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
height: 100px;
z-index: 200;
position: fixed;
top: 0;
width: 100%;
 transition: top 0.2s ease-in-out;
}
header .headerWrapper{
  max-width: 1320px;
  margin: 0 auto;
}

a.logo{
background: rgba(0, 0, 0, 0) url("../images/logo-Securrency.png") no-repeat scroll 0 0;
display: block;
float: left;
height: 52px;
margin: 22px 0 0 30px;
width: 244px;
}
 ul.menu{
float: right;
line-height: 98px;
margin-right: 2%;
}
ul.menu li{
  display: inline;
  margin-right: 20px;
  position: relative;
}
ul.menu li a{
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 3px;

}
ul.menu li a:hover, ul.menu li.active > a{
  border-bottom: 4px solid #b5ca36;
}
ul.menu li ul{
  display: none;
  line-height: 20px;
}
ul.menu li:hover ul {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  display: block;
  left: -14px;
  padding: 15px;
  position: absolute;
  top: 20px;
}
ul.menu li ul li {
  line-height: 16px;
}
ul.menu li ul li a {
  line-height: 16px;
}
ul.menu li ul li a:hover{
  border: none;
  color: #b4ce3f;
}


.introMessage{
clear: both;
margin: 0 auto;
padding-top: 370px;
position: relative;
text-align: center;
width: 800px;
z-index: 2;
}




.messageWM{
  display: block;
  font-size: 61px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
}
.messageGB{
  display: block;
  font-size: 90px; 
  color: #b5ca36;
  text-transform: uppercase;
  font-weight: 800;
}
.messageWS{
color: #fff;
display: block;
font-size: 36px;
margin-bottom: 14px;
text-transform: uppercase;

}
.messageSlideTwo{
color: #fff;
display: block;
font-size: 50px;
font-style: italic;
font-weight: 600;
line-height: 80px;
margin-bottom: 14px;
text-shadow: 3px 3px black;
text-transform: none;
}
.content{
   text-align: center;
   width: 100%;
}
.content section{
  width: 100%;
  padding: 80px 0;
}
.wrapper{
  width: 1280px !important;
  margin: 0 auto;

}
.content section p {
font-size: 16px;
line-height: 24px;
margin: 0 auto;
max-width: 800px;
text-align: justify;
}
.content section h3{
color: #5e5e5e;
font-size: 40px;
font-weight: 300;
margin-bottom: 10px;
text-align: center;
text-transform: uppercase;
}
.content section h4{
color: #5e5e5e;
font-size: 70px;
font-weight: 300;
margin-bottom: 40px;
text-align: center;
text-transform: uppercase;
}
.content section h5{
font-size: 70px;
font-weight: 300;
text-transform: uppercase;
}
.content section h6{
  color: #b4ce3f;
  font-size: 24px;
  padding: 10px 0;
}
.content section h6.greybg{
  background-color: #868686;
}
.content section.greyBG{
  background-color: #868686;
  color: #fff;
}
.content section.lightGreyBG{
  background-color: #ebebeb;
  color: #5e5e5e;
}
.content section.fullWidth{
  width: 100%;
}


footer{
  background: #0b0c04;
  height: 80px;
  line-height: 76px;
}
footer p{
  color: #fff;
  text-align: center;
  font-size: 13px;
}
footer a{
  font-size: 13px;
  margin-left: 15px;
}

footer a:hover{
  text-decoration: underline;
}





button {
  background-color: #8a9c1f;
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 10px 20px;
  text-transform: uppercase;
}
.fullWidth{
  width: 419px;
}





.avatar {
margin: 0 auto 20px;
width: 206px;
}
.avatar .name{
  color: #b4ce3f;
  font-size: 24px;
}
.avatar .title{
display: block;
font-size: 16px;
margin-bottom: 20px;
}
.avatarHolder p{
font-size: 25px !important;
line-height: 30px !important;
text-align: center !important;
}
.avatar img {
  border-radius: 50%;
}


/* #contactSection{
  background: #f2f2f2;
} */
#contactSection .contactLeft{
  float: left;
  width: 48%;
  margin-right: 4%;
  text-align: left;
}
#contactSection .contactForm {
margin: 20px auto;
width: 60%;
}
#contactSection .contactLeft{
  width: 40%;
  float: left;
  margin-right: 2%;
}
.contactForm fieldset{
  width: 48%;
  float: left;
  margin-right: 4%;
}
.contactForm label {
  float: left;
  text-align: left;
}
.contactForm input {
background-color: #f0ece9;
border: 1px solid #999;
clear: both;
font-size: 14px;
font-style: italic;
height: 38px;
line-height: 36px;
margin-bottom: 5px;
padding: 0 5px;
width: 100%;
}
.contactForm textarea {
background-color: #f0ece9;
border: 1px solid #999;
color: #000;
float: left;
font-family: Raleway !important;
font-size: 14px;
font-style: italic;
height: 167px;
margin-bottom: 20px;
padding: 5px;
width: 58%;
}
.contactForm button {
  padding: 5px 30px;
}



.newsletter{
  margin-top: 20px;
}
.newsletter h5 {
  clear: both;
}
.newsletter input {
  border: 1px solid #999;
  border-radius: 3px;
  clear: both;
  color: #666;
  font-size: 16px;
  font-style: italic;
  line-height: 28px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 2px 6px;
  width: 300px;
}
.newsletter button{
  display: block;
  margin: 10px auto 0;
  padding: 5px 30px;
  width: 110px;
}

.contactInfo {
  margin: 0 auto 60px;
  width: 680px;
}
.contactInfo span{
  font-weight: 600;
}

 .reasonsToInvest{
  max-width: 700px;
  margin: 20px auto 90px;
}
 .reasonsToInvest:last-child{
  margin-bottom: 0;
}
.reasonsToInvest a {
  background: #878787 none repeat scroll 0 0;
  color: #fff;
  clear: both;
  display: block;
  text-align: center;
  width: 100px;
  margin-bottom: 10px;
}
.reasonsToInvest img{
  margin: 30px 0;
}
.footnote{
  font-size: 12px !important;
  line-height: 14px !important;
}
#ourStory{
  position: relative;
}
.iconsDesc{
  display: inline-block;
  margin: 30px auto 0;
  width: 1100px;
}
.iconsDesc .iconDesc{
  float: left;
}
.iconsDesc .iconDesc img{
  margin-bottom: 24px;
width: 128px;
}
.iconsDesc span{
color: #b4ce3f;
display: block;
font-size: 24px;
margin-bottom: 17px;
text-align: center;
}
.iconsDesc .icon_col_3{
  width: 32%;
  margin-right: 2%;
}



.mfIcons{
display: inline-block;
margin: 30px auto 0;
width: 840px;
}
.mfIcons .mfIcon{
float: left;
margin-right: 65px;
width: 110px;
cursor: pointer;
position: relative;
}
.mfIconSL{
  float: left;
margin-right: 15px;
width: 61px;
position: relative;
}
/* .mfIcons img{
width: 100%;
} */
.mfIcons span{
  text-align: center;

}
.mfIcons .mfIcon p,
.mfIcons .SLHolder p {
background: #cdcdcd none repeat scroll 0 0;
border-radius: 4px;
color: #5e5e5e;
display: none;
left: -100%;
margin-top: 20px !important;
padding: 15px;
position: absolute;
text-align: center;
width: 300px;
}
.mfIcons .SLHolder p{
  left: -85px;
}
.mfIcons .mfIcon:hover p,
.mfIcons .SLHolder:hover p {
  display: block;
}
.mfIcons .mfIcon p span,
.mfIcons .SLHolder p span {
  background-image: url("../images/arrow-icons-show-more.png");
  display: block;
  height: 16px;
  left: 47%;
  position: absolute;
  top: -13px;
  width: 20px;
}

/* Strategy */
#strategySection{
  position: relative;
}
#strategySection h4{
  color: #fff;
}
#strategySection h5{
  color: #b4ce3f;
  font-size: 24px;
  text-align: left;
}

#investSection{
  position: relative;
}
/* #investSection h4{
  color: #fff;
} */
#investSection h5{
  color: #b4ce3f;
  font-size: 24px;
  text-align: left;
}
#investSection .downloadForms {
  background: #fff none repeat scroll 0 0;
  color: #b4ce3f;
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin: 20px auto;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  width: 340px;
}

.segment{
float: left;
margin-bottom: 80px;
margin-right: 4%;
text-align: left;
width: 48%;
}
.segmentCentered {
  margin: 0 auto;
  text-align: center;
  width: auto;
}
.segmentCentered h5{
  text-align: center !important;
}
.segmentCentered p{
text-align: center !important;
width: 740px !important;
}
#fourPillars{

}
#fourPillars .pillars{
  color: #b8d04a;
  font-size: 24px;
  margin-bottom: 40px;
  text-align: center;
}
#fourPillars .segment{
  border: 1px solid #ededed;
  margin-bottom: 21px;
  margin-right: 2%;
  padding: 20px;
  text-align: center;
  width: 49%;
}
#fourPillars .segment img.chart{
  margin: 20px 0;

}
#fourPillars .segment h5{
  font-size: 24px;
  color: #000;
}


.backgroundSlider{
background: #000 none repeat scroll 0 0;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 0;
}
.locationText{
  position: absolute;
  right: 50px;
  bottom: 50px;
  color: #fff;
font-size: 36px;
text-transform: uppercase;
}
.slick-list {
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.slick-track {
  display: block;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
}
.slick-track::before, .slick-track::after {
  content: "";
  display: table;
}

.backgroundSlider .carousel-item{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100vw;
}



@media screen and (max-width: 1366px) {
  .introMessage {
  padding-top: 292px;
}
}

.historyGraphic{
background: rgba(0, 0, 0, 0) url("../images/history-bg.html") repeat-x scroll center center;
}
.historyGraphic .moment{
  background: #859b37 none repeat scroll 0 0;
  border-radius: 50px;
  cursor: pointer;
  float: left;
  height: 87px;
  margin-right: 20px;
  position: relative;
  width: 87px;
}
.historyGraphic .moment .year{
  color: white;
  top: 34%;
  position: relative;
  font-size: 24px;
}
.historyGraphic .moment .desc{
  color: #5e5e5e;
  font-size: 13px;
  left: -68%;
  line-height: 19px;
  position: absolute;
  top: 126%;
  width: 200px;
  height: 100px;
  moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  -webkit-transition: all 300ms ease-out .3s;
  -moz-transition: all 300ms ease-out .3s;
  -o-transition: all 300ms ease-out .3s;
  transition: all 300ms ease-out .3s;
  background: #e8e8e8 none repeat scroll 0 0;
  padding: 10px; 
  opacity: 0.2;
  text-align: center;
}
.historyGraphic .moment.showDesc .desc{
  opacity: 1;
}
.historyGraphic .moment:hover .desc{
  opacity: 1;
}
.historyGraphic .moment.topM .desc{
  top: -140%;
}



.historyWrapper{
margin: 0 auto;
padding: 150px 0;
width: 1164px;
}
.historyGraphic .moment .desc span {
background: rgba(0, 0, 0, 0) url("../images/milestones-arrow.jpg") no-repeat scroll 0 0;
display: block;
height: 20px;
left: 47%;
position: absolute;
top: -20px;
transform: rotate(180deg);
width: 20px;
z-index: 100;
}
.historyGraphic .moment.topM .desc span {
top: 100px;
transform: rotate(0deg);
}
.historyGraphic .moment:hover .desc span{
  height: 20px;
}

.historyGraphic .moment .desc.showFirst span{
  height: 20px;
}


/* OLD Performance Page */
table#tblPerf {
}
table#tblPerf tr {
    background-color: rgb(224, 230, 219);
}
table#tblPerf tr:first-child {
    background-color: White;
}
table#tblPerf td {
    border-bottom: 1px solid #cccccc;
    padding: 3px 5px;
    text-align: center;
}
table#tblPerf td:first-child {
    text-align: left;
}
table#tblRisk1 tr:nth-child(1), table#tblRisk2 tr:nth-child(1), table#tblRisk3 tr:nth-child(1), table#tblRisk4 tr:nth-child(1) {
    font-weight: bold;
}
table#tblRisk1 tr:nth-child(2), table#tblRisk2 tr:nth-child(2), table#tblRisk3 tr:nth-child(2), table#tblRisk4 tr:nth-child(2) {
    background-color: rgb(224, 230, 219);
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    font-weight: bold;
}
table#tblRisk1 tr:last-child, table#tblRisk2 tr:last-child, table#tblRisk3 tr:last-child, table#tblRisk4 tr:last-child {
    border-top: 1px solid black;
    font-weight: bold;
}
table#tblRisk1 td, table#tblRisk2 td, table#tblRisk3 td, table#tblRisk4 td {
    padding: 3px 5px;
    text-align: center;
}
table#tblRisk1 td:first-child, table#tblRisk2 td:first-child, table#tblRisk3 td:first-child, table#tblRisk4 td:first-child {
    text-align: left;
}
#performance table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 20px;
width: 100%;
}
#performance p.Footnote {
clear: both;
font-size: 11px;
line-height: 14px;
text-align: justify;
}
#performance p{
  max-width: 100% !important;  
}
table#tblRisk1 tr:nth-child(1), table#tblRisk2 tr:nth-child(1), table#tblRisk3 tr:nth-child(1), table#tblRisk4 tr:nth-child(1) {
    font-weight: bold;
}
table#tblRisk1 tr:nth-child(2), table#tblRisk2 tr:nth-child(2), table#tblRisk3 tr:nth-child(2), table#tblRisk4 tr:nth-child(2) {
    background-color: rgb(224, 230, 219);
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    font-weight: bold;
}
table#tblRisk1 tr:last-child, table#tblRisk2 tr:last-child, table#tblRisk3 tr:last-child, table#tblRisk4 tr:last-child {
    border-top: 1px solid black;
    font-weight: bold;
}
table#tblRisk1 td, table#tblRisk2 td, table#tblRisk3 td, table#tblRisk4 td {
    padding: 3px 5px;
    text-align: center;
}
table#tblRisk1 td:first-child, table#tblRisk2 td:first-child, table#tblRisk3 td:first-child, table#tblRisk4 td:first-child {
    text-align: left;
}
.inner_page {
  padding-top: 100px;
}



#performance .chartOne{
  margin: 70px 0 80px;
}
#performance .chartOne .chart{
  float: left;
  min-width: 240px;
  padding-right: 2%;
  width: 60%;
}
#performance .chartOne .chartText{
  float: left;
  margin-top: 13px;
  padding-left: 2%;
  width: 36%;
}


#managedFuturesSection{
  position: relative;
}
#managedfutures{
    position: absolute;
  top: -98px;
}
#strategy{
  position: absolute;
  top: -98px;
}
#page1{
  position: relative;
}
#scrollTo{
    position: absolute;
  top: -98px;
}


.objectiveFucts {
background: white none repeat scroll 0 0;
color: #5e5e5e;
margin: 0 auto;
padding: 15px;
text-align: left;
width: 45%;
}
.factsTitle{
  color: #b4ce3f;
  font-size: 16px;
}
.objectiveFucts p.desc{
  font-size: 14px;
  text-align: left !important;
  margin-bottom: 10px;
}
.objectiveFucts table td{
  border-top: 1px solid #ccc;
}
.downForms{
margin: 0 auto;
max-width: 480px;
}
#documents .downForms h5{
color: #b4ce3f;
font-size: 24px;
text-align: center;

}
.downForms ul li a{
color: #fff;
display: block;
text-align: left;
}

.downForms ul li{
  margin-bottom: 5px;
}

.pdfDown {
background: rgba(0, 0, 0, 0) url("../images/pdf-download.png") no-repeat scroll left 0;
display: inline-block;
font-size: 15px;
line-height: 20px;
margin-bottom: 5px;
padding-left: 24px;
}
.pdfDown:hover {
  text-decoration: underline;
}

.disclaimer{
  background-color: #1a1a1a;
  font-size: 14px !important;
  line-height: 16px !important;
  padding-top: 30px !important;
  padding-bottom: 20px;
}

.disclaimer h6{
font-size: 17px;
color: #fff;
font-weight: 600;
}
.disclaimer p{
color: #fff;
margin-bottom: 15px;
}
.disclaimer p.bold{
font-weight: 600;
}

#contactStart{
  position: relative;
}
#contactLink {
  position: absolute;
  top: -98px;
}
.performanceTable {
  margin-bottom: 20px;
}
.mobileMenu{
    display: none;
  }
  .riskAlocation{
  float: left;
  width: 36%;
  min-width: 240px;
}
.riskAlocationPie{
  float: left; 
  width: 24%; 
  padding: 42px 2%;
}
@media screen and (max-width: 1280px) {
  .wrapper {
    width: 1200px !important;
  }
}
@media screen and (max-width: 1024px) {
  a.logo {
  background: rgba(0, 0, 0, 0) url("../images/logo-Securrency-mobile-1.png") no-repeat scroll 0 0;
  height: 43px;
  margin: 25px 0 0 20px;
  width: 200px;
}
  .menu{
    display: none;
  }
  .mobileMenuButton{
background: rgba(0, 0, 0, 0) url("../images/menu-icon.png") no-repeat scroll 0 0;
display: block;
height: 42px;
position: absolute;
right: 20px;
top: 32px;
width: 42px;
  }
  .mobileMenu{
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
box-sizing: border-box;
display: block;
max-height: 0px;
overflow: hidden;

position: absolute;
text-align: center;
top: 100px;
width: 100%;
-webkit-transition: all 1s ease-out 0s; /* Safari */
    transition: all 1s ease-out 0s;
  }
  .showMenu{
    max-height: 500px;
    padding: 20px;
  }
  .mobileMenu li{
    margin-bottom: 15px;
  }
  .mobileMenu li a{
    font-size: 18px;
  }
  .wrapper {
    width: 100% !important;

  }
  .content section {
margin: 0 auto;
padding: 80px 20px;
width: 100%;
  }
    .introMessage {
    width: 100%;
    padding-top: 0;
position: absolute;
top: 43%;
  }
.messageWS {
  font-size: 21px;
}
.messageWM {
  font-size: 37px;
}
.messageGB {
  font-size: 53px;
}
.locationText {
  bottom: 80px;
  font-size: 16px;
  right: auto;
  text-align: center;
  width: 100%;
}
.slick-prev, .slick-next{
  display: none !important;
}

.iconsDesc {
  width: 100%;
}
.mfIcons {
  width: 100%;
}
.reasonsToInvest img {
  height: auto;
width: 100%;
}
.segmentCentered p {
  width: 100% !important;
}
#fourPillars .segment img.chart {
  height: auto;
width: 100%;
}
.content section h5 {
  font-size: 42px;
}
.content section h4 {
 font-size: 40px;
margin-bottom: 0;
}



.historyWrapper {
  margin: 0 auto;
  padding: 50px 0;
  width: 100%;
}
.historyGraphic .moment {
  background: #859b37 none repeat scroll 0 0;
  border-radius: 50px;
  clear: both;
  cursor: pointer;
  float: left;
  height: 87px;
  margin: 0 auto 30px;
  position: relative;
  width: 87px;
}
.historyGraphic .moment.topM .desc {
  top: -5px;
}
.historyGraphic .moment .desc {
  background: #e8e8e8 none repeat scroll 0 0;
  border-radius: 10px;
  color: #5e5e5e;
  font-size: 13px;
  height: 100px;
  left: 120%;
  line-height: 19px;
  opacity: 0.2;
  padding: 10px;
  position: absolute;
  text-align: center;
  top: -4px;
  transition: all 300ms ease-out 0.3s;
  width: 200px;
}
.historyGraphic .moment .desc span {
  background: rgba(0, 0, 0, 0) url("../images/milestones-arrow.jpg") no-repeat scroll 0 0;
  display: block;
  height: 20px;
  left: -20px;
  position: absolute;
  top: 44%;
  transform: rotate(90deg);
  width: 20px;
  z-index: 100;
}
.historyGraphic .moment.topM .desc span {
  top: 44%;
  transform: rotate(90deg);
}
#fourPillars .segment {
  margin-right: 0;
  width: 100%;
}
.iconsDesc .icon_col_3 {
  margin: 0 0 40px;
  width: 100%;
}
.segment {
  float: left;
  margin-bottom: 80px;
  margin-right: 4%;
  text-align: left;
  width: 100%;
}

.mfIcons {
  width: 100%;
}
.mfIcons .mfIcon {
cursor: pointer;
float: left;
margin: 0 auto 30px;
position: relative;
width: 50%;
}
.SLHolder {
  margin: 30px auto;
  width: 122px;
}
.mfIcons img {
  width: auto;
}
.mfIcons span {
  clear: both;
  display: block;
  text-align: center;
}
.mfIconSL {
  float: left;
  margin-right: 0 !important;
  position: relative;
  width: 61px;
}
.disclaimer {
  padding: 30px 20px 20px;
}
.historyGraphic {
  margin: 0 auto;
  width: 307px;
}
.objectiveFucts {
  width: 100%;
}
#contactSection .contactLeft {
  margin-right: 0;
  width: 100%;
}
.contactForm textarea {
  width: 100%;
}
#contactSection .contactForm {
  width: 100%;
}
#performance .chartOne .chart {
  padding-right: 0;
  width: 100%;
}
#performance .chartOne .chartText {
  margin-top: 20px;
  padding-left: 0;
  width: 100%;
}
.riskAlocation {
  width: 100%;
}

.riskAlocationPie {
  float: none;
  margin: 0 auto;
  padding: 20px 2%;
  width: 50%;
}
.mfIcons .mfIcon{
cursor: auto;
}
.mfIcons .mfIcon:hover p,
.mfIcons .SLHolder:hover p {
  display: none;
}
.geminiIframe {
        width: 1px;
        min-width: 100%;
        *width: 100%;
    }
}