@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,700italic,400italic);
@import url(https://fonts.googleapis.com/css?family=Roboto);

/*  GENERAL RULES   */


html,body 
{
background:#ffffff;
font-family:'Open Sans',arial,helvetica,sans-serif;
color:#474747;
font-size:14px;
line-height:18px;
width:100%;
height:100%;
margin:0;
padding:0;
}

#TPmain,
.mm-menu,
#TPfooter 
{
    font-family: 'Open Sans',arial,helvetica,sans-serif;
    color: #474747;
    font-size: 14px;
    line-height: 18px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }


.mobsub {display:none;}


#TPwrapper {
min-height:90%;
margin: 0 auto -10px auto;
}


/* MOBILE HEADER */

#mmheader {
background-color:#183152;
height:60px;
text-align:center;
}

/* PARTNER HEADER-FOOTER  */

#partnerHead {

}

#partnerEnd {

}


@media (max-width:768px) {

#partnerHead
{display:none;}

}



/*  TP HEADER   */

header#mainheader {
background-color:#fff;
height:auto;
width:100%;
}


#TPheader {
display:none;
}


#mmenutrigger {
display:none;
}


#TPsearch {
position:relative;
height:50px;
}

#TPsearch span {display:none;}


span.aa-dropdown-menu {
background-color:#fff;
border:solid 1px #ccc;
padding:5px;
font-size:13px;
}

#searchdesk span.aa-dropdown-menu {
top:29px!important;
left:10px!important;
right:10px!important;
}

#searchmob span.aa-dropdown-menu {
top:26px!important;
left:20px!important;
right:10px!important;
}

/* ALGOLIA BOX STYLING */

/* Hide initial to avoid doubling */
#autocomplete 
{
display:none;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
  cursor: pointer;
  padding: 5px 4px;

}
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
  background-color: #fff;
color:#01A2A6;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
  font-weight: bold;
  font-style: normal;
}

body.RBrandBase #instantsearch {
display:table-cell;
vertical-align:top;
}


#searchmob {
padding:10px 10px 5px 10px;
display:none;
}


#searchmob input {
color:#757575;
border:solid 1px #d1d1d1;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height:28px;
width:100%;
margin-bottom:8px;
padding:0 10px 0 10px;
background-color:#fff;
background-image:url("https://img.tradepub.com/images/search_icon.png");
background-repeat:no-repeat;
background-position:right 10px center;
text-align:left;
font-size:16px;
box-sizing:border-box;
}

#searchmob input:focus {
font-size:16px;
}


#searchmob .algolia-autocomplete {
display:inline!important;
}

#Search img {
max-width:none;
vertical-align:top;
}


@media (max-width:768px) {

#TPheader {
display:block;
height:60px;
background-color:#183152;
text-align:center;
}

#mmenutrigger {
display:block;
float:left;
margin:12px 0 0 15px;
}
#mmenutrigger i {
font-size:38px;
color:#fff;
}


.brandlogo {
display:inline-block;
margin:0 auto;
height:60px;
width:180px;
}

#TPsearch {
float:right;
width:40px;
}

#TPsearch span {
display:block;
text-align:right;
margin-top:12px;
margin-right:15px;
}
#TPsearch span a {
color:#fff;
font-size:30px;
}

}




/*  MAIN BODY  */

.push {
/* height:4em; */
height:10px;
}

@media (max-width:768px) {

}


@media (max-width:650px) {

#TPmain {

}

}


/* TP SEARCHBAR  */

#TPsearchbar {
background-color:#e8e8e8;
margin:7px 0px;
padding:5px 10px;
display:table;
}

#searchdesk {
display:table-cell;
width:230px;
vertical-align:top;
}

#TPsearchbar input {
color:#757575;
border:solid 1px #d1d1d1;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height:28px;
width:200px;
padding:0 10px 0 10px;
background-color:#fff;
background-image:url("https://img.tradepub.com/images/search_icon.png");
background-repeat:no-repeat;
background-position:right 10px center;
text-align:left;
}

@media (max-width:768px) {

#TPsearchbar {display:none;}

#searchdesk {display:none;}

.catsort {display:none;}


}



/*  -- BREADCRUMB ------------------------ */

.TPbreadcrumb {
display:table-cell;
width:100%;
padding:0 10px;
font-size:12px;
vertical-align:top;
}

.TPbreadcrumb a {
font-size:12px;
color:#474747;
text-decoration:none;
}

.TPbreadcrumb .catsort {
float:right;
}

span#catmenu {margin-top:5px;display:none;}
span#crumbmenu {margin-top:5px;display:none;}
span#sort {display:none;}


.catsort a i {
color:#01A2A6;
font-size:30px;
margin:0 0 0 10px;
vertical-align:middle;
}

.catsort a:hover {
text-decoration:underline;
}


@media (max-width:430px) {

span#crumbmenu {display:none;}

.catsort a i {
float:right;
margin:-2px -5px 0 0;
font-size:26px;
}


.TPbreadcrumb .catsort {
float:none;
}


}





/* KEY ELEMENTS */

#tp_nav {
float:left;
}

#tp_nav a {
color:#183152;
text-decoration:none;
}

#tp_nav a:hover {
color:#01A2A6;
text-decoration:underline;
}

#accountbox {
padding:5px 0 5px 10px;
}

#accountbox i.fa-home {
font-size:22px;
color:#01A2A6;
}

div#keybody {
width:200px;
display:table-cell;
padding:0 10px;
vertical-align:top;
}


#greeting {
color:#183152;
padding:0 0 0 5px;
}

#desktop_menu_primary {
padding:0;
margin:0;
list-style-type:none;
border-bottom:solid 1px #183152;
}

#desktop_menu_primary .level1 > a {
font-weight:bold;
}

#desktop_menu_primary .sub_level2 {
padding:0;
margin:5px 0 10px 15px;
list-style-type:none;
font-size:13px;
}

#desktop_menu_primary .sub_level3 {
padding:0;
margin:0px 0 0px 15px;
list-style-type:none;
font-size:13px;
}

#desktop_menu_primary .sub_level3 li:first-child {
margin-top:5px;
}


#desktop_menu
{
padding:0 0 10px 0;
margin:10px 0;
list-style-type:none;
border-bottom:solid 1px #183152;
line-height:20px;
}

#desktop_menu_bottom
{
padding:0 0 10px 0;
margin:10px 0;
list-style-type:none;
line-height:20px;
}



#getlisted {
width:200px;
border:solid 1px #ccc;
box-sizing:border-box;
padding:15px;
text-align:center;
margin:20px auto;
}
#getlisted h5 {
font-family:oswald,sans-serif;
color:#474747;
font-size:24px;
line-height:26px;
font-weight:normal;
margin: 10px 0;
}
#getlisted #icon {
background-color: #183152;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 50px;
height: 50px;
margin:0 auto 10px auto;
background-image: url('https://img.tradepub.com/images/book_2015.png');
background-repeat: no-repeat;
background-size: 60%;
background-position: 50% 48%;
}
#getlisted a.cta {
display:inline-block;
color:#183152;
text-decoration:none;
border:solid 1px #183152;
padding:5px 15px;
margin:15px 0 0 0;
}
#getlisted a.cta:hover {
color:#01A2A6;
border:solid 1px #01A2A6;
}


@media (max-width:768px) {

#tp_nav {display:none;}

}


/* PAGE BODY */

div#pagebody {
overflow:hidden;
padding:10px 10px 20px 20px;
}

div#pagebody a {
color:#474747;
}
div#pagebody a:hover,
div.TPbreadcrumb a:hover 
{
color:#01A2A6;
}

/* OLD SPLASH COPYRIGHT FOOTER HACK - FIX THIS AFTER BASE RELEASE */
#pagebody font table
{
 display:none; 
}

@media (max-width:450px) {

div#pagebody {
padding-left:10px;
}


}



/* PAGE BANNERS */

.catbanner
{
margin:7px 10px 0 10px;
height:150px;
padding:0;
background: #fff;
}



.cattext {
width:auto;
overflow:hidden;
padding:0 30px;

/* vertical centering fix */
 position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}


.catbanner h1 {
font-family:oswald,sans-serif;
font-weight:normal;
font-size:44px;
line-height:52px;
margin:0;
color:#183152;
text-align:center;
}

.catbanner h2 {
font-size:14px;
line-height:21px;
margin:5px 0 0 0;
font-weight:normal;
color:#183152;
text-align:center;
}

.subbanner {
/* background-color:#ebebeb; */
padding-top:10px; 
}

.subbanner h1 {
font-family:oswald,sans-serif;
font-weight:normal;
font-size:30px;
line-height:42px;
margin:0;
}

.subbanner h2 {
font-size:14px;
line-height:21px;
margin:0;
font-weight:normal;
}




/* .catbanner .cattext span.reslib {display:none;} */

.bannerdiv {
background-color:#ebebeb;
padding:1px;
margin:7px 0 12px 0;
}


.catoffer {
width:400px;
float:right;
margin:15px 20px 0 0;
font-size:12px;
}


.catoffer img.psimage {
max-height:100px;
float:left;
margin-right:20px;
}

.catoffer span {
font-family:oswald,sans-serif;
font-size:16px;
}

.catoffer .pstitle {
color:#474747;
font-size:14px;
line-height:18px;
display:block;
text-decoration:none;
}

.catoffer .pstitle:hover {
color:#01A2A6;
text-decoration:underline;
}

.catoffer .pscta {
color:#01A2A6!important;
border:solid 1px #01A2A6;
padding:5px 10px;
font-size:14px;
line-height:18px;
margin-top:10px;
text-decoration:none;
display:inline-block;
}

.catoffer .pscta:hover {
background-color:#01a2a6;
color:#fff!important;
}


@media (max-width: 1150px) {

.catbanner h1 {
font-size:28px;
line-height:36px;
text-align:center;
}
.catbanner h2 {
text-align:center;
}

}

@media (max-width: 1050px) {

.catbanner h1 {
font-size:24px;
line-height:32px;
}

.catoffer {

margin:15px 10px 0 0;
}
.catoffer img {margin-right:10px;}

}

@media (max-width: 768px) {

.catbanner {
height:140px;
}

.catbanner h1 {
line-height:28px;
margin-bottom:5px;
}

.catbanner h2 {
line-height:17px;
}

.catoffer {
width:330px;
}

.catoffer img.psimage {
max-height:115px;
}

.catoffer .pstitle {
font-size:13px;
}


}

@media (max-width:650px) {

.catoffer {display:none;}

.catbanner {
border:0;
background:none;
height:auto;
min-height:60px;
padding-bottom:5px;
}


.cattext {
    top: 50%; 
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
}

.bannerdiv {
padding:11px;
}

}

@media (max-width:515px) {

.catbanner h1, .subbanner h1 {
font-size:20px;
line-height:26px;
margin-bottom:5px;
}

.catbanner h2 {
font-size:12px;
line-height:16px;
}

.subbanner {
padding-top:0;
}


}



/* CAT OFFER CARDS */

div.cardwidth {
position:relative;
float:left;
margin:0 10px 10px 0;
}

div.TPcard {
position:relative;
/* padding:10px; */
/* float:left; */
border:solid 1px #C8C8C8;
/* margin:0 10px 10px 0; */
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width:195px;
height:312px;
}

div.TPcard:hover {
transform: translate(0,-3px);
 box-shadow: 0 3px 10px #666; 
}

.cardimg {
height:292px;
padding:10px;
display:inline-block;
position:relative;
vertical-align:top;
}



.cardimg img {
width:175px;
display:block;
margin-bottom:10px;
}

.cardoverlay {
background-color: rgba(255, 255, 255, 0.5);
bottom:0;
left:0;
opacity:0;
overflow:hidden;
position:absolute;
text-align:center;
top:0;
right:0;
height:235px;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}

a.cardtitle  {
text-decoration:none;
color:#474747;
display:block;
min-height:63px;
word-wrap:break-word;
overflow-wrap:break-word;
word-break:break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

text-align:left;
margin:0;
}


.cardimg:hover > .cardoverlay,
.oneclkcor:hover + .cardoverlay
{
opacity:1;
}
.cardimg:hover > a.cardtitle 
{
text-decoration:underline;
color:#01A2A6!important;
}




a.carddl,
a.cardsplash
 {
display:block;
text-decoration:none;
text-transform:uppercase;
padding:15px 0;
width:150px;
}

a.carddl {
background-color:#01a2a6;
color:#fff!important;
margin:55px auto 10px auto;
}
a.carddl:hover {
background-color:#29d9c2;
}
a.cardsplash {
background-color:#fff;
border:solid 1px #01a2a6;
color:#01a2a6!important;
margin:0 auto;
}
a.cardsplash:hover {
background-color:#29d9c2;
color:#fff!important;
border:solid 1px #29d9c2;
}

div.oneclkcor {
position:absolute;
top:0;
left:0;
padding:10px;
background-color:#183152;
color:#fff;
font-size:22px;
z-index:9000;
}

.cardimg:hover > div.oneclkcor,
.oneclkcor:hover 
{
background-color:#01a2a6;
} 


div.oneclkreq {
display:none;
width:175px;
height:216px;
position:absolute;
background-color:#e8e8e8;
border:solid 1px #c8c8c8;
top:-1px;
left:-1px;
z-index:9999;
text-align:center;
padding:10px;
}

div.oneclkreq a {
color:#474747;
}

@media (max-width: 768px) {

div.cardwidth {
width:33%;
text-align:center;
margin:0 0 10px 0;
}

div.cardoverlay {
display:none;
}

div.TPcard {
margin:0 auto;
}

}


@media (max-width:650px) {

div.cardwidth {
width:50%;
}

}

@media (max-width:430px) {

div.cardwidth {
width:46%;
margin:0 5px 10px 5px;
}

div.TPcard {
width:auto;
height:280px;
}

.cardimg {
width:auto;
height:275px;
}

.cardimg img {
width:100%;
}

.cardoverlay {
height:160px;
display:none;
}

a.carddl {
margin-top:17px;
}

a.carddl, a.cardsplash {
width:80%;
}

div.oneclkreq {
width:auto;
height:175px;
}

div.oneclkreq p {
margin:0.5em 0;
}

div.oneclkreq p:first-child {
margin-top:0;
}



}

@media (max-width:320px) {

div.oneclkreq {
height:130px;
font-size:12px;
line-height:15px;
}

}






/* -- SPLASH PAGE ----------------------- */

div#splashimage {
float:left;
width:100%;
max-width:390px;
padding:10px 0 20px 0;
}

img.splashcover {
width:100%;
max-width:375px;
margin-bottom:25px;
border:solid 1px #eee;
}

img.splashlogo {
max-width:200px;
margin-bottom:15px;
}

div#splashinfo {
padding:10px 40px 0 0;
display:table-cell;
}

#splashinfo a 
{
color:#474747;
text-decoration:underline;
}

#splashinfo ul {
overflow:hidden;
}

.splashline 
{
font-family:'open sans',sans-serif;
font-size:20px;
padding-top:10px;
}

.tp_splashline1 {

}

.tp_splashline2,
.splashline i,
.splashtitle  
{
font-family:oswald,sans-serif;
font-weight:normal;
font-size:36px;
line-height:46px;
}

.splashline i,
.splashline span i 
{
font-style:normal;
}

.splashtitle {
margin-top:12px;
}

.splashtitle {display:none;}


.splashbutton {
display:inline-block;
background:#fff;
margin-top:15px;
margin:15px 0;
}

.splashbutton.bottom {display:none;}

.splashbutton img {
display:block;
}

.splashbutton img:hover {
opacity:0.8;
}

a.splashcta {
color:#fff!important;
background-color:#01A2A6;
display:inline-block;
padding:10px 30px;
text-decoration:none;
margin-top:10px;
}

.splashcta:hover {
background-color:#269aa7;
}

.splashb {
font-weight:bold;
}
.splashb span {
font-weight:normal;
}

#sthoverbuttons {
top:40%!important;
}

#sthoverbuttons .sthoverbuttons-top-r {
    background: transparent url("https://img.tradepub.com/images/mini_Top_Cap_R.png") no-repeat scroll 0px 0px!important;
}

#sthoverbuttons .sthoverbuttons-shade-r {
    background: transparent url("https://img.tradepub.com/images/mini_BG_R.png") repeat-y scroll 0px 0px!important;
}

.sthoverbuttons-label span {
display:none;
}

#recLine {
overflow:hidden;
padding-top:10px;
}


@media (max-width:768px) {

div#splashimage {
max-width:350px;
padding-bottom:0;
}

img.splashcover {
max-width:335px;
}

div#splashinfo {
display:inline;
}

div#splashinfo ul {
overflow:initial;
}

}

@media (max-width:430px) {

div#splashimage {
max-width:120px;

}

img.splashcover {
max-width:110px;
}

img.splashlogo {display:none;}

.splashline {
font-size:14px;
line-height:auto;
padding-top:10px;
}

.tp_splashline2, .splashline i, .splashtitle 
{
font-size:20px;
line-height:26px;
}

#sthoverbuttons {display:none;}

.splashbutton.bottom {display:inline-block;}


}



/* -- THANK PAGE ---------------------- */

#thankinfo a {
color:#474747;
}

p.thankname {
font-family:oswald,sans-serif;
font-size:24px;
margin-top:10px;
}

p.thankname img {
margin-right:15px!important;
}

.recheader {
font-family:oswald,sans-serif;
background-color:#183152;
color:#fff;
font-size:20px;
padding:10px;
margin:50px 0 0px 0;
clear:both;
}

div.gsfn-widget-tab.gsfn-right {
background-color:#183152!important;
font-family:oswald,sans-serif!important;
font-weight:normal!important;
font-size:16px!important;
}

div#tkubug {
margin:10px auto;
text-align:center;
width:100%;
}

@media (max-width:768px) {

.recheader {
margin-top:0;
}

#thankinfo .recheader {
margin-top:50px;
}

}

@media (max-width:430px) {

div#tkubug {display:none;}

div.gsfn-widget-tab {display:none;}

}

@media (max-width:380px) {

.recheader {
font-size:15px;
}

.thankname img {display:none;}


}



/* -- CLIENT PAGE --------------------- */

.clientbanner {
padding:10px 40px 0px 240px;
color:#183152;
margin-top:10px;
display:none;
}

.clientlogo {
float:right;

}

.clientlogo img {
max-height:60px;
}

p.clientname {
font-family:oswald,sans-serif;
font-size:36px;
line-height:38px;
margin:5px 0 10px 0;
}

@media (max-width:768px) {

.clientbanner {
padding:10px 40px 0px 10px;
}

.clientbanner p {
margin-left:15px;
margin-right:15px;
}

p.clientname {
font-size:24px;
line-height:28px;
}


}

@media (max-width:430px) {

.clientlogo {display:none;}

.clientbanner p {
text-align:center;
}

.clientbanner {
padding:0;
}


}


/* -- LIBRARY PAGE -------------------- */

.libraryban {
border:solid 1px #c8c8c8;
height:60px;
padding:20px 15px;
/* color:#fff; */
margin-top:10px;
}

.libraryban h1 {
font-family:oswald,sans-serif;
font-weight:normal;
font-size:36px;
line-height:48px;
margin:0;
}

.libraryban h2 {
font-size:14px;
line-height:21px;
margin:0;
font-weight:normal;
}


.reqcard {
float:left;
width:350px;
height:250px;
padding:10px;
border:solid 1px #C8C8C8;
margin:0 10px 10px 0;
}

.reqcard img {
float:left;
margin-right:10px;
width:175px;
}

.reqcard.client img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}


.reqtext {
display:table-cell;
}

.reqtitle {
font-family:oswald,sans-serif;
color:#474747;
text-decoration:none;
font-size:16px;
display:block;
margin-bottom:10px;
}

.reqdate {
font-size:12px;
display:block;
}


a.oneclick {
position:relative;
display:inline-block;
margin:15px 0;
padding:10px 20px;
background-color:#fff;
color:#01A2A6!important;
border:solid 1px #01A2A6;
text-decoration:none;font-size:14px;
}
a.oneclick:hover {
background-color:#01A2A6;
color:#fff!important;
}

div.oneclickreq {
position:relative;display:inline-block;margin:15px 0;padding:15px 20px;background-color:#999999;color:#ffffff!important;font-size:14px;
}

.reqshare {
font-family:oswald,sans-serif;
font-size:12px;
clear:both;
padding-top:10px;
}

@media (max-width:768px) {

.reqcard {
width:325px;
height:260px;
}

}

@media (max-width:430px) {

.reqcard {
width:auto;
height:auto;
float:none;
}

.reqcard img {
width:100px;
}



}



/* -- FOOTER --------------------------- */

#TPfooter {
background-color:#fff;
color:#474747;
padding:0 10px 10px 10px;
overflow:auto;
clear:both;
}

#TPfooter a {
color:#474747;
}

#TPfooter a:hover {
color:#01A2A6;
}

#TPfooter p {
margin-top:0;
font-size:12px;
}

p#copyright {
float:left;
}

p#privacy {
float:right;
}


@media (max-width:768px) {

#TPfooter p {
margin-bottom:0;
}
#TPfooter p#privacy {
float:left;
margin-top:0;
}

}