@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i,900");  .blueText{
color:#1c1d4a;
}  * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
}
html, body {
height: 100%;
width: 100%;
margin: 0;
}
body {
padding: 0px;
margin: 0px;
min-width: 320px;
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 26px;
overflow-x: hidden;
color: #333333;
}
#container {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.content {
display: table-row;
height: 100%;
}
.centerBlock{
width: 100%;
max-width: 1180px;
padding: 0px 24px;
margin: 0px auto;
clear: both; position: relative;
}
.centerBlock:after {
visibility: hidden;
display: block;
font-size: 0px;
content: " ";
clear: both;
height: 0%;
}
.block_1000 {max-width: 1000px;}
.block_1100 {max-width: 1100px;}
.block_1200 {max-width: 1200px;}
.block_1400 {max-width: 1400px;}
.block_1540 {max-width: 1540px;}
.block_1700 {max-width: 1700px;}
.bottomSpace{
padding-bottom:60px;
}
#leftPanel{
float:left;
width: 75%;
}
#rightPanel{
float:right;
width: 25%;
padding-left: 3%;
} header {
position: fixed;
color: #FFFFFF;
font-size: 16px;
width: 100%;
z-index: 150; }
header .centerBlock { z-index: 5; position: relative}
header *{
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
header.shrink .logo {width: 130px;margin-top: 7px;}
header.shrink .whiteSkew,
header.shrink .blueSkew{height: 80px;}
header.shrink .whiteSkew{right: 85%;}
header.shrink .blueSkew{ left: 14.4%;	background-color: rgba(28,29,74,1);}
header.shrink .headerContact{top: 18px;}
header.shrink .socialNetwork{top: 18px;}
header.shrink #burgurMenu{ margin-top: 30px;}
.logo {
float: left;
width: 160px;
position: relative;
z-index: 2;
margin-top: 10px;
}
.headerContact{
position:absolute;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
right: 240px;
top: 28px;
z-index: 2;
border-right: 1px solid #817b8a;
padding:10px 25px 10px 0px;
}
.headerContact a.email{
margin-left: 25px;
}
.headerContact *{
color: #ffffff;
text-decoration: none
}
.headerContact a{
transition: all 0s ease-in-out;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
}
.whiteSkew{
width: 100%;
height: 100px;
position: absolute;
top: 0;
right: 80%;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
transform: skew(-30deg);
background: #ffffff;
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.30);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.30);
box-shadow: 0 8px 6px -6px rgba(0,0,0,0.30);
z-index: 1
}
.blueSkew{
width: 130%;
height: 100px;
position: absolute; left: 19%;
top: 0;
-webkit-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-o-transform: skew(-30deg);
transform: skew(-30deg);
background-color: rgba(28,29,74,0.6);
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.30);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.30);
box-shadow: 0 8px 6px -6px rgba(0,0,0,0.30);
}
header a {
color: #FFFFFF;
text-decoration: none
}
header ul {
padding: 0px;
margin: 0px;
list-style: none
} nav{
transition:       all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-o-transition:      all .5s ease-in-out;
z-index: 101;
position: fixed;
background-color: #e0e0df;
margin-top: 0px;
top: 0px;
height: 100%;
width: 340px;
right: -340px;
overflow: auto; }
.menuOpen nav{
right: 0px;
}
nav > div{
padding:80px 40px 40px 40px;
letter-spacing: 1px; }
nav .topPad{
height: 80px;
background-color: #e0e0df;
width: 100%;
position: fixed;
top: 0px;
z-index: 1
}
.menuOpen nav > div::before{
display: block
}
nav a{
display: block;
padding: 10px 0px;
color: #143764;
}
.mainMenu > li {
font-size: 18px;
font-weight: 500;
line-height: 18px;
position: relative;
padding-right: 26px;
text-transform: uppercase
}
nav .current-menu-item > a,
nav .current-menu-ancestor > a{
color: #b6b6b6 !important; 
}
.mainMenu .sub-menu{
font-size: 16px;
margin-bottom: 8px;
}
.mainMenu .sub-menu a{
padding:20px;
padding: 8px 0px 8px 26px;
position: relative;
}
.mainMenu .sub-menu a::before{
height: 1px;
width: 15px;
background-color: #143764;
position: absolute;
left: 0px;
top: 15px;
content: "";
}
#burgurMenu {
width: 25px;
height: 25px; margin-top: 40px;
position: absolute;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 102;
right: 25px;
}
#burgurMenu span {
display: block;
position: absolute;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 3px;
width: 100%;
background: #ffffff;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#burgurMenu span:nth-child(1) {
top: 3px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#burgurMenu span:nth-child(2) {
top: 11px;
width: 70%;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#burgurMenu span:nth-child(3) {
top: 19px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
#burgurMenu.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left: 4px;
top: 3px;
}
.menuOpen #burgurMenu span{
background-color: #a0968b;
}
#burgurMenu.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
#burgurMenu.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 4px;
top: 21px;
}
.menuOverlay{
background-color: rgba(28,29,74,.9);
position: fixed; 
height: 100%;
width: 100%;
left: 0px;
top: 0px;	
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
opacity: 0;
visibility: hidden;
z-index: 100
}
.menuOpen .menuOverlay{
opacity: 1;
visibility: visible;
}
.home .headerImg{
height: 800px;
}
.headerImg{
height: 300px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding-top: 100px;
margin-bottom: 60px;
-webkit-transition: background .5s ease-in-out;
-moz-transition: background .5s ease-in-out;
-o-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
}
.headerImg::after{
content: "";
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
}
.headerImg > div{
max-width: 1024px;
padding-left: 24px;
padding-right: 24px;
}
.headerImg h1{
position: relative;
z-index: 1;
color: #ffffff;
text-transform: uppercase;
text-align: center;
font-size: 48px;
line-height: 52px;
}
.headerImg h5{
font-size: 20px;
position: relative;
z-index: 1;
color: #ffffff;
text-align: center
}
.page-template-page-contact .headerImg{
margin-bottom: 0px;
}
.single-post .headerImg{
height: 100px;
background-image: none !important;
}
.single-post .headerImg::after,
.single-post .headerImg h1{
display: none
} footer {
clear: both;
display: table-row;
width: 100%;
overflow: hidden;
background-color: #a7a7a3;
font-size: 15px;
line-height: 20px;
}
footer .centerBlock{
padding: 15px 0px;
}
footer *{
color: #ffffff
}
footer a {
color: white;  }
.copyrights img{
width: 124px;
margin-right: 20px;
float: left;
}
.copyrights{
display: block;
margin-top:13px;
float: left;
}
.socialNetwork {
padding: 0px;
margin: 0px;
list-style: none;
}
header .socialNetwork {	
border-right: 1px solid #817b8a;
position: absolute;
right: 80px;
top: 28px;
z-index: 2;
padding:10px 25px 10px 0px;
margin: 0px;
}
.socialNetwork > li {
float: left;
margin-left: 15px;
}
.socialNetwork a {
display: block;
width: 25px;
height: 25px;
padding: 2px;
text-decoration: none;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
.socialNetwork img{
display: block;
width: 100%;
height: auto;
} .socialNetwork {
margin: 8px 0px 4px 0px;
float:right
}
footer .socialNetwork a {
display: block;
width: 40px;
height: 40px;
background-color: rgba(28, 29, 74, 0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px;		
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
footer .socialNetwork a:hover{
background-color: rgba(28, 29, 74, 0.4);
}  .animate{ }
.fadeIn{
opacity:0;
transition: opacity .8s ease-in-out;
-webkit-transition: opacity .8s ease-in-out;
-moz-transition: opacity .8s ease-in-out;
-o-transition: opacity .8s ease-in-out;
}
.fadeInUp{
-webkit-transform : translate3d(0,30px,0);
-webkit-moz : translate3d(0,30px,0);
transform : translate3d(0,30px,0);
opacity:0;
transition: opacity .8s ease-in-out, transform .8s ease-in-out;
-webkit-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
-moz-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
-o-transition: opacity .8s ease-in-out, transform .8s ease-in-out;
}
.fadeIn.triggeredCSS3 {
opacity:1 
}
.fadeInUp.triggeredCSS3 {
-webkit-transform : translate3d(0,0,0); 
-moz-transform : translate3d(0,0,0); 
transform : translate3d(0,0,0); 
opacity:1 
}  *:focus {
outline: 0;
}
figure{
padding: 0px;
margin: 0px;
}
a {
outline: none;
color: #1c1d4a; }
img {
border: 0px;
outline: none;
display: block
}
input { margin: 0px; }
h1, h2, h3, h4, h5, h6 { }
h1, h2, h3, h4, h5, h6, p {
padding: 0px;
margin: 0px;
}
h1, h2, h3, h4, h5{
font-family: 'Droid Serif', serif;
font-weight: 400;
color: #1c1d4a;
}
h1 {
font-size: 50px;
line-height: 58px;
}
h2 {
font-size: 36px;
line-height: 40px;
margin-bottom: 18px;
}
h3 {
font-size: 28px;
line-height: 36px;
margin-bottom: 10px;
}
h4 {
font-size: 24px;
line-height: 32px;
margin-bottom: 10px;
}
h5 {
font-size: 20px;
line-height: 26px;
margin-bottom: 10px;
}
h6 {
font-size: 20px;
font-weight: 500;
color: #000000;
margin-bottom: 6px;
}
.entry ul, .entry ol {
padding: 0px;
margin: 0px;
padding-left: 30px;
padding-bottom: 18px;
}
.entry ul{
list-style: none;
margin-top:4px;
}
.entry ol {
padding-left: 44px;
margin-top:4px;
}
.entry ol li{
background-image:none !important;
padding-left: 5px !important;
}
.entry li { margin-bottom: 6px; }
.entry ul li {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/bullet-arrow.png);
background-size: 7px auto;
background-position: left 5px;
background-repeat: no-repeat;
padding-left: 20px;
}
p { margin-bottom: 18px; }
hr {
padding: 0px;
border: 0px;
height: 1px;
margin: 20px 0px;
background-color: #D0D5D6
}
h3 span {
display: block;
color: #e64560;
}
strong, b { }
img { height: auto }
table {
width: 100% !important;
background-color: #ffffff;
margin-bottom: 20px;
}
table, td, th {
border-collapse: collapse;
border: 1px solid #dddddd;
line-height: 20px; }
th {
background-color: #ff9800;
color: #ffffff;
line-height: 18px;
font-size: 18px;
text-align: left
}
td, th {
vertical-align: top;
padding: 15px 10px;
}
td { font-family: 'Open Sans', sans-serif; }
tr:nth-child(odd) { background-color: #f9f9f9; }
table img {
width: 23px;
height: auto
}
blockquote {
color: #ff900d;
width: 320px;
padding: 22px 20px 20px 20px;
margin: 0px;
font-size: 20px;
line-height: 28px;
float: left;
font-family: "merriweather";
font-weight: 400;
background-position: left top;
background-repeat: no-repeat;
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/quote-bg.png);
background-size: 34px;
}  #homeIntro{
padding-top: 60px;
}
.homeIntro{
clear: both;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.homeIntro > div{
width: 50%
}
.homeIntro > div:first-child{
padding-right: 40px;
}
.homeIntro > div:last-child{
padding-left: 40px;
}
.homeIntro img{
width: 100%;
height: auto
}
.resintroimg{display: none}
.heroIntro{
position: relative;
z-index: 2;
padding: 120px 0 200px;
}
.heroIntro h1{
color: #ffffff;
font-size: 22px;
line-height: 30px;
margin-bottom: 45px;
}
.heroIntro h5{
color: #ffffff;
font-size: 34px;
line-height: 38px;
text-align: center;
padding: 100px 0 30px 0px;
margin-bottom: 30px;
}
.heroIntro h5 .subCaptionLine{
display: block;
}
#bannermain .videoWrapper{
position: relative;
width: 100%;
}
#bannermain .videoWrapper video{
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
max-height: 60vh;
object-fit: contain;
background-color: #000;
}
.videoWrapper .videoPlayBtn{
position: absolute;
top: 50%;
left: 50%;
width: 90px;
height: 90px;
margin: -45px 0 0 -45px;
padding: 0;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: rgba(28, 29, 74, 0.85);
cursor: pointer;
-webkit-transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.videoWrapper .videoPlayBtn:after{
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -14px 0 0 -9px;
border-style: solid;
border-width: 14px 0 14px 22px;
border-color: transparent transparent transparent #ffffff;
}
.videoWrapper .videoPlayBtn:hover{
background-color: #1c1d4a;
}
.videoWrapper.is-playing .videoPlayBtn{
opacity: 0;
visibility: hidden;
}
@media only screen and (max-width: 640px){
.videoWrapper .videoPlayBtn{
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
}
.videoWrapper .videoPlayBtn:after{
margin: -10px 0 0 -6px;
border-width: 10px 0 10px 16px;
}
}
.tellonNationwide{
clear: both;
overflow: hidden;
background-color: #f6f6f5;
}
.posterImg{
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
.posterImg img{
width: 100%;
height: auto;
display: block;
visibility: hidden
}
.tellonScope > div{
float: left
}
.scopeText{
width:55%;
min-height: 100%;
padding: 40px 0px 40px 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.scopeText > div {
display: table
} .mapOverview{
width:45%;
position: absolute;
height: 100%;
right: 0px;
top: 0px;
background-repeat: no-repeat;
background-position: center bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
.mapOverview img{
display: none
}
.mapOverview span{
position:absolute;
bottom:10px;
right: 20px;
font-size: 14px;
font-style: italic
}
.features{
text-align: center
}
.features img{
width: 90px;
height: 90px; margin: 0px auto 14px auto;
}
.features .col{
padding:0px 40px;
}
.features h2{
margin-bottom: 50px;
}
.projectsSlider{
text-align: center
}
.projectsSlider h2{
margin-bottom: 25px;
}
.projectsSlider .subtitle{
margin-bottom:40px;
}
.projects .item{
position: relative;
background-color: #5a5a5a;
overflow: hidden;
text-align: left
}
.projects .item a{
position: absolute;
z-index: 2;
height: 100%;
width: 100%;
text-decoration: none
}
.projects .item img{
display: block;
transition:       all .8s ease-in-out;
-webkit-transition: all .8s ease-in-out;
-moz-transition:    all .8s ease-in-out;
-o-transition:      all .8s ease-in-out;
filter: gray; 
-webkit-filter: grayscale(1); 
opacity: .8;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.projects .active .item img{
filter: none; 
-webkit-filter: grayscale(0); 
opacity: 1;
}
.slideOverlay{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -400px;
height: 100%;
width: 350px;
background-color: rgba(28,29,74,0.8);
-webkit-transition: all .8s ease-in-out;
-moz-transition:    all .8s ease-in-out;
-o-transition:      all .8s ease-in-out;
transition:       all .8s ease-in-out;
-webkit-transition-delay: 500ms;
-moz-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.slideOverlay > div{
width: 100%;
padding: 40px;
}
.projects .active .slideOverlay{
margin-left: 0px;
}
.slideOverlay h3,
.slideOverlay h6{
color: #ffffff;
}
.slideOverlay h3{
margin-bottom: 4px;
}
.slideOverlay h6{
font-weight: 300;
margin-bottom: 10px;
}
.slideOverlay .blueBtn{
background-color: #ffffff;
font-weight: 700;
}
.slideOverlay .blueBtn *{
color: #1c1d4a;
}
.projects .item a:hover .blueBtn span {
padding-right: 25px;
}
.projects .item a:hover .blueBtn span:after {
opacity: 1;
right: 0;
}
.owl-controls{
position:absolute;
top:50%;
width:100%;
}
.owl-prev,
.owl-next{
background-position: center center;
background-repeat: no-repeat;
background-size: 18px auto;
display: block;
height: 100px;
overflow: hidden;
text-indent: 1000px;
width: 40px;
position: absolute;
margin-top: -50px;
background-color: rgba(28,29,74,0.9);
}
.owl-prev {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/prev-arrow-white.svg);
left: 0px;
}
.owl-next {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/next-arrow-white.svg);
right: 0px;
} .lineTitle:before,
.lineTitle:after {
background-color: #1c1d4a;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 60px;
}
.lineTitle:before {
right: 0.5em;
margin-left: -50%;
}
.lineTitle:after {
left: 0.5em;
margin-right: -50%;
}
.subtitle{
color:#7b7b7b;
text-transform: uppercase;
margin-bottom: 20px;
letter-spacing: 1px;
font-size: 18px;
font-weight: 500;
} .col_1_1_1_1, .col_1_1_1, .col_1_1 {
clear: both; width: 100%;
padding: 0px;
margin: 0px;
position: relative;
list-style: none;
font-size: 0px;
display: -webkit-box !important;  
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col_1_1_1_1_1,.col_1_1_1_1, .col_1_1_1, .col_1_1 {
clear: both; width: 100%;
padding: 0px;
margin: 0px;
position: relative;
list-style: none;
font-size: 0px;
}
.col_1_1_1_1_1:after,
.col_1_1_1_1:after,
.col_1_1_1:after,
.col_1_1:after,
.col:after{
visibility: hidden;
display: block;
font-size: 0px;
content: " ";
clear: both;
height: 0%;
}
.col{
float: left;
position: relative;
margin-bottom: 0px; font-size: 18px;
width: 100%;
}
.col_1_1_1_1_1 .col { width: 20%; }
.col_1_1_1_1 .col { width: 25%; }
.col_1_1_1 .col { width: 33.33%; }
.col_1_1 .col { width: 50%; float:left; }
.col.col_2x1 { width: 66.66% } .row{
clear:both;
padding: 0px 10px;
}  .partnersHolder{
clear: both;
overflow: hidden;
}
.partnersHolder img{
display: block;
margin-bottom: 24px;
width: 100%;
height: auto
}
.partnerRecord{
width:46%;
float: left
}
.partnerRecord .memberBio{
padding-left: 0px;
}
.partnerRecord:nth-child(even) {float: right}
.partnerRecord h2,
.teamRecord h2{
margin-bottom: 10px;
}
.partnerContact{
border-top:1px solid #c4c4c4;
padding-top: 30px;
margin-top: 30px;
line-height: 30px;
}
.summaryBio{ }
.fullBio{
display: none
}
.memberBio{
overflow: hidden;
padding-left: 40px;
}
.teamRecord{
clear:both;
overflow: hidden;
border-top:1px solid #c4c4c4;
padding-top: 40px;
margin-top: 40px;
}
.teamRecord:nth-child(1) { 
border-top:0px solid #c4c4c4;
padding-top: 0px;
margin-top: 0px;
}
.teamRecord img{
float: left;
width: 100%;
max-width: 300px;
}
.triggerHolder{
position:relative;
cursor: pointer;
width: 210px;
overflow: hidden
}
.triggerHolder > span{
position:absolute;
top:0px;
color:#1c1d4a;
text-transform: uppercase;
letter-spacing: 0.7px;
font-weight: 500;
font-size: 16px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.triggerHolder .show{opacity: 1; left:30px;}
.triggerHolder .hide{opacity: 0; left:40px}
.triggerHolder.opened .show{opacity: 0; left:40px}
.triggerHolder.opened .hide{opacity: 1; left:30px;}
.plusMinus {
position: relative;
width: 19px;
height: 26px;
border-radius: 100%;
float:left;
}
.plusMinus > span{
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
position: absolute;
background-color: #1c1d4a;
top: 50%;
left: 50%;
}
.plusMinus .horizontal {
width: 19px;
height: 3px;
margin-left: -9.5px;
margin-top: -1.5px;
}
.plusMinus .vertical {
width: 3px;
height: 19px;
margin-left: -1.5px;
margin-top: -9.5px;
}
.closed .vertical {
transform: rotate(-90deg);
}
.closed  .horizontal {
transform: rotate(-90deg);
opacity: 1;
} .opened .vertical {
transform: rotate(90deg);
opacity: 1;
}
.opened .horizontal {
transform: rotate(90deg);
opacity: 0;
}  .page-template-page-assets-list .block_1700{
padding-left: 14px;
padding-right: 14px;
}
.assetGrid{
padding:0px;
margin: 0px;
list-style: none;
clear: both;
overflow:hidden;
}
.assetGrid li{ width: 33.33%;
float: left
}
.assetGrid li > div{
position: relative;
background-color: #e4e4e4;
overflow: hidden;
margin: 10px;
}
.assetGrid li img{
width:100%;
height: auto;
display: block;
transform: scale3d(1, 1, 1);
transition:      all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
-moz-transition:    all 3s ease-in-out;
-o-transition:      all 3s ease-in-out;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.assetGrid li:hover img{
transform: scale3d(1.1, 1.1, 1);
}
.assetGrid li a,
.assetGrid li a *{
transition:       all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-o-transition:      all .5s ease-in-out;
}
.assetGrid li a{
position: absolute;
height: 100%;
width: 100%;
text-decoration: none;
left: 0px;
top: 0px;
background-color: rgba(28,29,74,0.8);
display: block;	
z-index: 2
}
.assetGrid li a:hover{
background-color: rgba(28,29,74,0.0);
}
.assetGrid li a > div{
display: table;
width: 100%;
height: 100%; }
.assetGrid .assetTitle{
text-align: center;
padding:20px;
display: table-cell;
vertical-align: middle;
height: 100%;
}
.assetGrid .assetTitle *{
color: #ffffff;
}
.assetGrid .assetTitle h2{
margin-bottom: 0;
font-size: 30px;
font-weight: 400;
line-height: 36px;
}
.assetGrid a:hover .assetTitle {
opacity:0;
padding-bottom:80px;
}
.assetGrid .sector,
.assetGrid .location{
text-transform: uppercase;
font-size: 12px;;
display: inline-block;
font-weight: 400;
letter-spacing: 1px;
line-height: 13px;
}
.assetGrid .location{
margin-top:-10px;
}
.assetGrid .sector{
background-color: rgba(28,29,74,0.6);
padding: 4px 6px;
margin-bottom: 5px;
}
.assetExploreBtn{
background-color:#ffffff;
color: #1c1d4a;
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
letter-spacing: 1px;
position: absolute;
padding: 10px 0px 10px 0px;
z-index: 1;
bottom: 0px;
width: 160px;
left: -160px;
transition:       all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-o-transition:      all .5s ease-in-out;
text-align: center;
}
.assetGrid li:hover .assetExploreBtn{
left: 0px;
}
.assetExploreBtn span {
cursor: pointer;
display: inline-block;
position: relative;
padding-right: 20px; }
.assetExploreBtn span::after {
content: '\00bb';
position: absolute; top: -4px;
right: 0px;
font-size: 28px;
color: #1c1d4a;
}    .droid_serif_20{
font-family: 'Droid Serif', serif;
font-size: 20px;
line-height: 30px;
}
.pageIntro{
padding-bottom: 20px;
border-bottom: 1px solid #c4c4c4;
margin-bottom: 60px;
}
.blueBtn {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #1c1d4a;
border: none;
padding:6px 20px;
display: inline-block;
text-align: center;
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
font-size: 15px;
letter-spacing: 1px;
transition:       all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-o-transition:      all .5s ease-in-out;
cursor: pointer;
margin-top: 10px;
}
.blueBtn span {
cursor: pointer;
display: inline-block;
position: relative;
transition:       all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-o-transition:      all .5s ease-in-out;
}
.blueBtn span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: -4px;
right: -20px;
transition: 0.5s;
font-size: 28px;
}
.blueBtn:hover span {
padding-right: 25px;
}
.blueBtn:hover span:after {
opacity: 1;
right: 0;
}
.textAlignCenter{
text-align: center
}
.page_not_found {
margin: 200px auto 60px auto;
max-width: 500px;
padding: 28px;
text-align: center;
width: 100%;
}
.page_not_found img {
margin: 0 auto;
max-width: 250px;
width: 100%;
}  .locationsHolder{
clear: both;
overflow: hidden
}
.locationsHolder > div{ 
width: 47%
}
.locationsHolder > div:first-child{ 
float: left;
}
.locationsHolder > div:last-child{ 
float: right;
padding-top: 50px;
}
.locationsHolder > div:first-child img{
width: 100%;
height: auto;
display: block
}
.locationList ol{
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 65px; -moz-column-gap: 65px; column-gap: 65px; clear: both; list-style: decimal
}
.locationList li{ line-height: normal;
margin:0px 0px 5px 0px; }  input[type='text'].error, 
input[type='search'].error, 
input[type='password'].error, 
input[type='email'].error, 
input[type='submit'].error, 
input[type='button'].error, 
select.error, 
textarea.error,
div.error,
.wpcf7-not-valid{border: 1px solid #f00 !important;
}
span.error {
color: #f00;
display: block;
font-size: 14px;
line-height: 14px;
margin-top: 5px;
}
.sentSuccessfully{
width: 100%;
max-width: 615px;
border:0px !important;
background-image:url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/successfully-sent.png)!important;
background-position:5px 6px !important;
background-repeat:no-repeat !important;
background-color:#8bc34a!important; background-size: 32px auto !important;
padding:10px 10px 10px 40px !important;
text-align:left !important;
margin: 30px auto 0px auto !important;
color: #ffffff !important;
}
.processing{
width: 100%;
max-width: 615px;
background-image:url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/processing.gif) !important;
background-position:8px center;
background-size:28px 28px;
background-repeat:no-repeat;
background-color:#ffffff;
border: 1px solid #ff900d; padding:10px 10px 10px 44px;
text-align:left;
margin: 30px auto 0px auto !important;
color: #ff900d;
float: none;
display: none
}
.mapAddress{
clear:both;
overflow: hidden; display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.mapAddress .map{
width: 62%;
position: relative;
min-height: 450px;
}
.mapAddress a{
text-decoration: none
}
.contact-map{
height: 100%;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
}
.mapAddress .address{
width: 38%;
padding: 30px;
}
.mapAddress .address > div{
width: 100%;
max-width: 400px;
margin: 0px auto
}
.contactformHolder{
clear: both;
overflow: hidden;
background-color: #f6f6f5;
padding:80px 0px;
text-align: center
}
.contactformHolder h2{
text-align: center
}
.contactform{
clear:both;
overflow: hidden;
display: block;
list-style: none;
padding:0px;
margin: 0px;
padding-top: 20px;
width: 103%
}
.contactform > li{
margin-bottom: 30px;
margin-right: 3%;
text-align: left
}
.contactform > li > span{
display: block;
clear: both;
overflow: hidden;
}
.contactform li.sSize{
float:left;
width: 30.33%;
}
.contactform li.captcha{
display:inline-block;
margin-bottom: 0px;
}
.contactform li.captcha > div{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 8px;
background-color: #ffffff;
border:0px;
border-top:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
width: 100%;
clear: both;
overflow: hidden
}
.captcha ul li span {
display: block;
border-top: 0;
border-bottom: 0;
width: 68px;
height: 58px;
background-repeat: no-repeat;
background-position: center center;
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
filter: alpha(opacity=30);
-moz-opacity: .3;
-khtml-opacity: .3;
opacity: .3;
cursor: pointer
}
.captcha ul {
float: left;
padding: 0!important;
margin: 0!important;
list-style: none!important
}
.captcha ul li {
float: left
}
.captcha ul li span.selected,
.captcha ul li span:hover {
-ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
-moz-opacity: 100;
-khtml-opacity: 100;
opacity: 100
}
.captcha span.ship {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/captcha-ship.png);
}
.captcha span.scooter {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/captcha-scooter.png);
}
.captcha span.flower {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/captcha-flower.png);
}
.captcha span.heart {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/captcha-heart.png);
}
.captcha label {
float: left;
line-height: 54px;
padding-top: 3px;
padding-left: 10px;
padding-right: 10px;
height: 58px
}
.contactform li.submitBtn{
display:inline-block;
margin-bottom: 0px;
vertical-align: top
}
.contactform li.submitBtn input{
margin-top: 15px;
appearance: none;
-webkit-appearance: none;
padding: 10px 0px;
}
button span {
cursor: pointer;
display: inline-block;
position: relative;
padding-right: 20px; }
button span::after {
content: '\00bb';
position: absolute; top: -4px;
right: 0px;
font-size: 28px;
color: #1c1d4a;
}
input{
transition:       border-bottom .5s ease-in-out;
-webkit-transition: border-bottom .5s ease-in-out;
-moz-transition:    border-bottom .5s ease-in-out;
-o-transition:      border-bottom .5s ease-in-out;
}
input.wpcf7-not-valid{
border-bottom:1px solid #e94316 !important;
}
span.wpcf7-not-valid-tip{
margin-top: 3px !important;
font-size: 14px !important;
color:#e94316 !important;
}
div.wpcf7-validation-errors,
div.wpcf7-response-output,
div.wpcf7-mail-sent-ok{
background-color: #fef3ac;
padding: 8px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#e94316 !important;
border: 0px !important;
font-size: 14px;
font-weight: 400;
}
div.wpcf7-mail-sent-ok{
background-color:#cbe6a3 !important;
color:#1c1d4a !important;
font-size: 16px !important;
}
input,
textarea{
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 300;
color: #333333;
}
input[type="text"],
input[type="email"],
textarea,
input[type="submit"], 
input[type="button"], 
button{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 8px;
background-color: #ffffff;
border:0px;
border-top:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
width: 100%;
}
textarea{
resize: none;
max-height: 180px;
}
input[type="submit"], 
input[type="button"], 
button{
border:0px !important;
background-color: #1c1d4a;
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
font-size: 16px;
letter-spacing: 1px;
width: 140px;
cursor: pointer
} .assetDetails{
margin-top:-90px;
}
.infoLeft{
float: left;
width: 55%;
}
.infoRight{
width: 45%;
float: right
}
.assetSummary{
background-color:#f6f6f5;
padding:10px 20px;
width: 100%;
max-width: 340px;
float: right;
position: relative;
margin-right: 70px; }
.assetSummary ul{
padding: 0px;
margin: 0px;
list-style: none;
font-size: 18px;
text-transform: uppercase;
}
.assetSummary ul li{
padding: 10px 0px;
overflow: hidden;
border-top: 1px solid #e4e4e3;
}
.assetSummary ul li:first-child{
border-top: 0px;
}
.assetSummary label{
float: left;
width: 70px;
margin-right: 15px;
}
.assetSummary span{
overflow: hidden;
font-weight: 500;
display: block;
}
.assetImages{
width: 106%;
background-color: #f6f6f5;
float: left;
margin-top: 50px;
position: relative;
z-index: 2;
overflow: hidden
}
.assetImages img{
width: 100%;
height: auto;
display: block;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
.owl-controls{
position:absolute;
top:50%;
width:100%;
}
.assetImages button{
position:absolute;
top:50%;
background-position: center center;
background-repeat: no-repeat;
background-size: 18px auto;
display: block;
height: 120px;
overflow: hidden;
text-indent: 1000px;
width: 40px;
margin-top: -60px;
background-color: rgba(28,29,74,0.9);
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
z-index: 15;
}
.assetImages .slick-prev{
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/prev-arrow-white.svg);
left: 0px;
}
.assetImages .slick-next{
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/next-arrow-white.svg);
right: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
.assetImages .slick-next{
right: -1px;
}
}
.assetImages button.slick-disabled{
opacity: .5;
background-color: rgba(0,0,0,0.4);
}
.assetImages ul{
padding:0px;
margin: 0px;
}
.assetTextBox{
background-color: #1c1d4a;
margin-top: 120px;
padding: 40px 40px 40px 80px;
}
.assetTextBox *{
color: #FFFFFF;
}
.assetTextBox h2{
line-height: 42px;
}
.assetMap{
height: 560px;
background-color: #f6f6f5;
margin-top:60px;
}
.assetMap iframe{
height: 100%;
width: 100%;
}
.backToAssetBtn{
color: #1c1d4a;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
padding: 0px 0px 0px 24px;
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/arrow-prev.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 16px auto;
font-weight: 500;
display: inline-block;
margin-top: 40px;
float: right
}
.backBtnHolder{
margin-top:30px;
margin-top: 30px;
clear: both;
overflow: hidden;
border-top: 1px solid #c4c4c4;
}
.backBtnHolder a{
float:left
}
.assetPagination {
font-size: 22px;
color: #c0c0bb;
font-weight: 900;
line-height: 28px;
padding: 40px 0px;
}
.assetPagination > div{
float: left;
width: 32%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.assetPagination img{
width: 150px;
height: 150px;
border: 8px solid #f6f6f5;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
transition:       all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition:    all .5s ease-in-out;
-o-transition:      all .5s ease-in-out; }
.assetPagination img:hover{
filter: gray; 
-webkit-filter: grayscale(1); 
}
.nextAssetArrow,
.prevAssetArrow{
width: 60px;
height: 150px;
display: block;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 20px auto;
-moz-background-size: 20px auto;
-o-background-size: 20px auto;
background-size: 20px auto;
}
.nextAssetArrow{
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/arrow-next.svg);
}
.prevAssetArrow{
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/arrow-prev.svg);
}
.assetPagination .leftNav{
float: left;
}
.assetPagination .leftNav img{
margin-left: 15px;
}
.assetPagination .leftNav span{ padding-left: 15px;}
.assetPagination .rightNav{
float: right;
text-align: right
}
.assetPagination .rightNav img{ }
.assetPagination .rightNav span{ padding-right: 15px;}
.newsRecord{
clear: both;
overflow: hidden;
padding-bottom: 40px;
border-bottom: 1px solid #c4c4c4;
margin-bottom: 40px;
}
.newsRecord img{
margin-top:6px; 
float:left;
width: 260px;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
.newsRecord .postSummary{
overflow: hidden;
padding-left: 30px;
}
.newsRecord .postSummary a{
text-decoration: none;
}
.newsRecord .postSummary h3{
margin-bottom:15px;
} .newsRecord:last-of-type {
border-bottom:0px;
}
.meta{
clear: both;
font-size: 15px;
color: #7b7b7b;
font-weight: 400;
overflow: hidden;
margin-bottom: 15px;
}
.meta > span{
border: 1px solid #c4c4c4;
border-left:0px;
border-right: 0px;
display: inline-block;
}
.meta > span:first-child{
margin-right: 20px;
}
.postShare{  float: right;
margin-left: 20px;  }
.postShare span{
float: left }
.postShare .stLarge {
float: left;
width: 36px;
height: 36px;
background-size: 36px 36px !important;
background-position: center center !important;
background-repeat: no-repeat;
}
.postShare .stButton { margin: 0px !important;  display:block !important;}
.postShare .stButton .stLarge:hover { background-size: 36px 36px !important; }
.postShare .st_facebook_large .stLarge { background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/share-fb.png) !important; }
.postShare .st_twitter_large .stLarge { background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/share-twtr.png) !important; }
.postShare .st_email_large .stLarge { background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/share-mail.png) !important; }
.postImg img{
width:100%;
height: auto;
margin-bottom: 30px;
margin-top: 30px;
}
#rightPanel ul{
padding:0px;
margin: 0px;
list-style: none;
}
#rightPanel ul li{
position: relative;
padding-left: 18px;
margin: 8px 0px;
}
#rightPanel ul li::before{
width: 5px;
height: 5px;
position: absolute;
left: 3px;
top: 12px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: block;
content: "";
background-color: #1c1d4a;
}
#rightPanel .widget{
background-color: #f6f6f5;
padding: 20px 20px 12px 20px;
margin-bottom: 30px;
}
#rightPanel h2{
font-size: 22px;
line-height: 22px;
}
#rightPanel .widget a{
text-decoration: none;
color: #333333;
}
#rightPanel h2:after {
background-color: #1c1d4a;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50px;
}
#rightPanel h2:after {
left: 0.5em;
margin-right: -50%;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .archiveTitle{
padding-bottom:15px;
margin-bottom: 40px;
border-bottom: 1px solid #c4c4c4;
}
.caseStudyRecord{
padding:0px 0px 80px 0px;
position: relative;
overflow: hidden; }
.caseStudyRecord > img{
width: 56%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size:cover;
}
.caseStudyRecord .csSummay{
overflow: hidden;
padding-top:150px;
}
.caseStudyRecord.imgOnLeft > img{
float: left;
}
.caseStudyRecord.imgOnLeft .csSummay{
padding-left: 70px;
}
.caseStudyRecord.imgOnRight > img{
float: right;
}
.caseStudyRecord.imgOnRight .csSummay{
padding-right: 70px;
text-align: right
}
.caseStudyRecord h2{
font-weight: 500;
margin-bottom: 8px;
}
.caseStudyRecord h6{ margin-bottom:20px;
}
.caseStudyBlueline{
position: absolute;
right: 0;
top: 252px;
width: 47%;
}
.caseStudyBlueline span{
width: 150px;
height: 4px;
background-color:#1c1d4a;
position: absolute;
display: block;
opacity:1;
left: -40%;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
}
.caseStudyBlueline.triggeredCSS3 span{
width: 80px;
opacity:1;
left: 0%;
}
.imgOnRight .caseStudyBlueline{
right: auto;
left: 0px;
top: 252px;
width: 47%;
}
.imgOnRight .caseStudyBlueline span{
left: auto;
right: -40%;
}
.imgOnRight .caseStudyBlueline.triggeredCSS3 span{
left: auto;
right: 0%;
}
.csSummay p:last-child{
margin-bottom: 0px;
} .videoHolder {position: relative;
max-width: 1060px;
margin: 0px auto;
padding-top: 60px; }
.videoHolder .responsive-video-div {
-webkit-box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.15);
-o-box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.15);
box-shadow: 1px 1px 0px 0px rgba(50, 50, 50, 0.15);
padding: 30px;
}
.responsive-video-div {
background-color: #f6f6f5;
clear: both;
overflow: hidden
}
.responsive-video-div > div {
position: relative;
clear: both;
overflow: hidden;
padding-top: 56.26506%; }
.responsive-video-div iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .aboutUs img{
width:100%;
display: block;
}
.aboutUs .col:first-of-type{
padding-right:30px;
}
.aboutUs .col:last-of-type{
padding-left:30px;
}
#bannermain{
position: relative;
}
.bannermain svg{display: none}
.bannermain {
-moz-box-align: center;
align-items: center;
position: relative;
}
canvas *{
width:100%;	
height: 100%;
}
.ajax{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-moz-box-align: center;
-webkit-box-align: center;
align-items: center;
}
#home-lead-slider {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
overflow: hidden;
-webkit-filter: brightness(0.7);
filter: brightness(0.7);
}
#home-lead-canvas{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.canvas-slide{background-size: cover; display: none}
.headerCaption{
background-color: rgba(0,0,0,.4);
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
text-align: center;
}
.headerCaption *{
color:#ffffff;
}
.headerCaption h1{
padding-top: 50px;
font-size: 45px;
margin-bottom: 10px;
line-height: 50px;
}
.headerCaption > div{
max-width: 700px;
width: 100%;
margin: 0px auto
}
@-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.scroll-btn {
display: block;
position: absolute;
left: 0;
right: 0;
bottom:30px;
z-index: 5;
text-align: center;
cursor: pointer;
opacity: .6;
}
.scroll-btn > * {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: normal;
color: #7f8c8d;
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
opacity: 0.8;
filter: alpha(opacity=80);
}
.scroll-btn .mouse {
position: relative;
display: block;
width: 25px;
height: 42px;
margin: 0 auto 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid white;
border-radius: 23px;
}
.scroll-btn .mouse > * {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 3px;
height: 10px;
margin: -4px 0 0 -1.5px;
background: white;
border-radius: 10px;
-webkit-animation: ani-mouse 2.5s linear infinite;
-moz-animation: ani-mouse 2.5s linear infinite;
animation: ani-mouse 2.5s linear infinite;
}
.pagePreloader{
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: fixed;
background-color: #FFFFFF;
z-index: 500;
opacity: 1;
transition: all 1s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.pagePreloader.loaded {
opacity: 0;
}
.loader {
display: inline-block;
width: 50px;
height: 50px;
left: 50%;
opacity: .4;
margin-left: -25px;
margin-top: -25px;
position: relative;
border: 1px solid #1c1d4a;
top: 50%;
animation: loader 4s infinite ease;
}
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: #1c1d4a;
animation: loader-inner 4s infinite ease-in;
}
@keyframes loader {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(180deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes loader-inner {
0% {
height: 0%;
}
25% {
height: 0%;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0%;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.headerCaption > div{width: 700px; margin: 0}
} @media only screen and (max-width: 960px){
.heroIntro{
padding: 120px 0 120px;
}
.heroIntro h1{
font-size: 20px;
line-height: 28px;
margin-bottom: 30px;
}
.heroIntro h5{
padding: 60px 0 20px 0px;
}
}
@media only screen and (max-width: 640px){
.heroIntro{
padding: 120px 0 80px;
}
.heroIntro h1{
font-size: 18px;
line-height: 24px;
margin-bottom: 25px;
}
.heroIntro h5{
font-size: 20px;
line-height: 24px;
padding: 30px 0 10px 0px;
}
.heroIntro h5 br{
display: none;
}
}
 @media screen and (min-width: 0) and (max-width:1400px) {
img {
max-width: 100%
}
.assetPagination img {
max-width: none
}
.assetPagination > div {
width: 42%
}
.assetPagination .leftNav {
padding-left: 10px;
}
.whiteSkew, header.shrink .whiteSkew {
right: 70%
}
footer .centerBlock {
padding: 15px 20px;
}
.projectsSlider > div:first-child {
padding: 0 20px
}
}
@media screen and (min-width: 0) and (max-width:1350px) {
.mapOverview {
width: 53%
}
}
@media screen and (min-width: 0) and (max-width:1100px) {
.assetDetails {
margin-top: -80px
}
.scopeText {
padding-left: 35px;
}
.mapOverview {
width: 54%;
background-size: auto 500px;
}
.scopeText h2 {
font-size: 28px;
}
.caseStudyRecord.imgOnLeft .csSummay {
padding-left: 40px;
padding-top: 40px;
}
.caseStudyRecord.imgOnRight .csSummay {
padding-right: 40px;
padding-top: 40px;
}
}
@media screen and (min-width: 0) and (max-width:1024px) {
.infoRight,
.infoLeft{
width: 50%;
}
.assetTextBox{
padding-left: 60px;
}
.headerImg h1 {
font-size: 40px;
line-height: 45px;
}
}
@media screen and (min-width: 0) and (max-width:1023px) {
.col_1_1 .col {
width: 100%
}
.aboutUs .col{
padding-right:0px !important;
padding-left:0px !important;
} .mapOverview {  } .scopeText {
padding: 40px 30px 40px 30px;
min-height: auto
}
#leftPanel {
width: 100%;
}
.blog seciton.centerBlock {
position: relative;
}
#rightPanel {
width: 100%;
padding: 0
}
#rightPanel .widget {
padding: 0;
float: left;
width: 48%;
background: #1c1d4a
}
#rightPanel .widget a {
color: #fff
}
#rightPanel .widget:last-child {
float: right;
}
#rightPanel ul {
display: none;
margin: 0;
padding: 10px 15px;
clear: both;
overflow: hidden;
border-top: 1px solid #fff
}
#rightPanel h2 {
cursor: pointer;
margin: 0;
padding: 12px 45px 12px 15px;
background: #1c1d4a;
color: #fff;
position: relative
}
#rightPanel h2:after {
content: '';
position: absolute;
top: 7px;
right: 10px;
transition: 0.5s;
height: 30px;
width: 30px;
left: auto;
margin: 0;
background: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/down-arrow.svg) no-repeat center center;
background-size: 26px auto;
}
#rightPanel h2.active:after {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/up-arrow.svg)
}
.features .col {
padding: 0 10px;
}
.locationsHolder > div:last-child {
width: 52%
}
.scopeText h2 {
font-size: 32px;
}
.assetDetails {
margin-top: 0
}
.infoLeft {
width: 100%
}
.assetSummary {
margin: 0 0 20px;
max-width: 100%
}
.assetTextBox {
margin-top: 0;
padding: 20px 20px 20px 20px
}
.assetImages {
width: 100%;
margin: 0
}
.infoRight {
width: 100%
}
}
@media screen and (min-width: 0) and (max-width:800px) {
.assetGrid li {
width: 50%
}
.teamRecord img {
max-width: 250px;
margin-bottom: 20px;
}
.headerImg h1 {
font-size: 34px;
line-height: 38px;
}
}
@media screen and (min-width: 0) and (max-width:767px) {
.headerContact {
padding: 4px 30px 10px 0;  }
.headerContact a {
background-repeat: no-repeat;
background-position: center center;
width: 25px;
height: 25px;
font-size: 0;
display: inline-block;
background-size: 25px auto;
}
.headerContact a:first-child {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/phone-icon.png);
}
.headerContact a.email {
background-image: url(//www.telloncapital.com/wp-content/themes/tellon-capital/images/email-icon.png);
margin-left: 20px
}
.projectsSlider{
border-top:1px solid #d8d8d8;
padding-top: 40px;
}
.whiteSkew {
right: 0;
-webkit-transform: skew(0);
-moz-transform: skew(0);
-o-transform: skew(0);
transform: skew(0);
height: 105px;
}
header.shrink .whiteSkew, header.shrink .blueSkew {
height: 85px
}
#burgurMenu span {
background: #1c1d4a
}
header.shrink .whiteSkew {
right: 0
}
.headerContact * {
color: #1c1d4a
}
header .socialNetwork a {
background-color: #1c1d4a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 4px;
}
.headerCaption {
padding: 0 20px;
}
.homeIntro {
display: block
}
.homeIntro > div {
width: 100%;
padding: 0px !important;
}
.homeIntro img {
margin-top:30px;
}  .resintroimg img {
width: 100%
}
.col_1_1 .col {
width: 100%
}
.scopeText {
padding-left: 20px;
padding-bottom: 70px;
min-height: 0
}
.col_1_1_1 .col {
width: 100%;
padding: 0px 0px 40px 0px;
}
footer > div.centerBlock {
padding: 15px 20px;
} .headerImg {
padding-left: 20px;
padding-right: 20px
}
.partnerRecord {
width: 100%;
}
.partnerRecord:last-child {
border-top: 1px solid #c4c4c4;
padding-top: 40px;
margin-top: 30px
}
.partnerContact {
border-top: 0px solid #c4c4c4;
margin-top: 0px;
}
.assetGrid li {
width: 50%
}
.locationsHolder {
padding-bottom: 20px;
}
.locationsHolder > div:first-child {
width: 100%
}
.locationsHolder img {
max-width: 400px;
margin: 0px auto
}
.locationsHolder > div, .locationsHolder > div:last-child {
width: 100%;
padding-top: 20px;
}
.caseStudyRecord .csSummay {
width: 100%;
padding-left: 0 !important;
padding-top: 20px !important;
}
.caseStudyRecord > img {
width: 100%
}
.caseStudyBlueline {
left: 30px !important;
top: auto !important;
}
.caseStudyBlueline span {
width: 4px !important;
height: 80px;
bottom: 30px
}
.imgOnRight .caseStudyBlueline span {
right: auto;
left: -40%
}
.caseStudyRecord.imgOnRight .csSummay {
text-align: left;
padding-right: 0
}
.imgOnRight .caseStudyBlueline.triggeredCSS3 span {
left: 0
}
#leftPanel {
width: 100%
}
.newsRecord .postSummary {
padding-left: 0;
clear: both;
padding-top: 20px
}
.newsRecord img {
width: 100%
}
.mapAddress .map {
width: 100%
}
.mapAddress {
display: block
}
.mapAddress .address {
width: 100%
}
.mapAddress .address > div {
max-width: 100%
}
.scopeText {
width: 100%;
display: block;
padding-bottom: 30px;
}
.rightNav a, .leftNav a {
display: none
}
.rightNav a.nextAssetArrow, .leftNav a.prevAssetArrow {
display: block
}
.leftNav span, .rightNav span {
display: none
}
.assetPagination > div {
display: block
}
.nextAssetArrow {
float: right;
}
.nextAssetArrow, .prevAssetArrow {
height: 40px;
} .tellonNationwide {
display: block
}
.mapOverview {
background: none !important;
position: static;
margin: 0 auto;
float: none !important;
}
.mapOverview img {
display: block;
margin-bottom: 20px;
}   }
@media screen and (min-width: 0) and (max-width:640px) {
h1 {
font-size: 30px;
line-height: 38px
}
h2 {
font-size: 28px;
line-height: 34px
}
h3 {
font-size: 24px;
line-height: 32px;
}
.headerImg h1 {
font-size: 26px;
line-height: 30px;
}
.headerImg h5 {
font-size: 17px;
}
.slideOverlay > div {
padding: 20px;
}  .memberBio {
padding: 0px 0 0;
overflow: visible;
clear: both;
}
.locationList li {
width: 100%;
}
.contactformHolder{
padding: 40px 0;
}
.contactform {
width: 100%;
}
.contactformHolder h2 {
text-align: left;
}
.contactform > li {
margin-right: 0;
width: 100%
}
.contactform li.sSize {
width: 100%
}
.lineTitle:after, .lineTitle:before {
display: none
}
.owl-prev, .owl-next {
display: inline-block;
position: static;
height: 40px;
}
.owl-controls {
top: auto;
bottom: 0;
line-height: 0
}
.owl-carousel {
padding-bottom: 30px;
}
#rightPanel .widget {
width: 100%;
}
.slideOverlay {
width: 100%
}
.assetGrid .assetTitle h2 {
font-size: 18px;
line-height: 26px;
}
.scroll-btn {
display: none
} }
@media screen and (min-width: 0) and (max-width:560px) {
header .socialNetwork {
display: none;
}
.headerContact{
right: 70px;
padding-right: 20px;
}
}
@media screen and (min-width: 0) and (max-width:480px) {
.assetGrid li {
width: 100%
}
.assetGrid .assetTitle h2 {
font-size: 30px;
line-height: 36px;
}
.teamRecord img {
max-width: 300px;
}
.copyrights {
margin-bottom: 13px;
text-align: center;
float: none;
}
.socialNetwork {
margin: 18px 0px 8px 0px;
text-align: center;
float: none;
}
.socialNetwork > li {
display: inline-block;
float: none;
margin: 0px 8px;
}
}
@media screen and (min-width: 0) and (max-width:400px) {
.locationList ol{
-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;
-webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px;
}
header.shrink .whiteSkew, header.shrink .blueSkew {
height: 95px
}
.logo {
width: 40% !important
}
footer > div.centerBlock {
padding: 15px;
}
.captcha label {
height: auto;
line-height: normal
}
.socialNetwork > li{
margin-left: 10px;
}
}