@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Open+Sans: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;
}

.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:#fff;
padding:10px 10px 10px 20px;
border-bottom:solid 1px #183152;
height:52px;
}

#TPhouselogom,
#TPlightlogom 
{
/* margin-left:70px; */
}


/*  TP HEADER   */

header {
background-color:#fff;
height:60px;
display:table;
width:100%;
border-bottom:solid 1px #183152;
position:fixed;
top:0;
left:0;
z-index:9999;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}


 #TPhouselogo,
 #TPhouselogo a,
 #TPhouselogo a span,
 #TPhousebook,
 #TPlightlogo,
 #TPlightlogo a,
 #TPlightlogo a span,
 #TPlightbook,
#TPsearch,
#TPtopsocial,
#mmenutrigger  
{
 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header.smaller {
-moz-box-shadow: 0px 3px 4px #ddd;
-webkit-box-shadow: 0px 3px 4px #ddd;
box-shadow: 0px 3px 4px #ddd;
/* scroll */
height:40px;
}

#TPhouselogo,
#TPlightlogo
{
display:table-cell;
width:230px!important;
position:relative;
padding:10px 10px 10px 20px;
vertical-align:top;
}

#TPlightlogo {
height:52px;
}

#mmenutrigger {
display:none;
}

#TPhouselogo a,
#TPhouselogom a
{
font-family:roboto,sans-serif;
font-size:11px;
line-height:22px;
color:#183152;
text-decoration:none;
}

#TPlightlogo a,
#TPlightlogom a
{
font-family:roboto,sans-serif;
font-size:12px;
line-height:18px;
color:#183152;
text-decoration:none;
}

#TPhouselogo a span,
#TPhouselogom a span
{
font-family:oswald,sans-serif;
font-size:30px;
line-height:25px;
font-weight:normal;
padding-top:5px;
display:inline-block;
vertical-align:top;
}

#TPlightlogo a span,
#TPlightlogom a span
{
font-family:oswald,sans-serif;
font-size:26px;
line-height:16px;
font-weight:normal;
margin-top:5px;
display:inline-block;
}

#TPhousebook,
#TPlightbook
{
width:50px;
height:50px;
float:left;
margin-right:3px;
background-image: url('https://img.tradepub.com/images/tplogo_book.svg');
background-repeat:no-repeat;
background-size:100%;
background-position:50% 48%;
}

#TPlightbook {
margin-right:6px;
}

#TPfootbook
{
width:50px;
height:50px;
float:left;
margin-right:3px;
background-image: url('https://img.tradepub.com/images/tplogo_book_rev.svg');
background-repeat:no-repeat;
background-size:100%;
background-position:50% 48%;
}



#TPheader {
display:table-cell;
}

#TPsearch {
float:left;
position:relative;
width:240px;
max-width:240px;
height:50px;

}

#TPsearch span {display:none;}

#TPsearch input {
position:absolute;
left:0;
bottom:0;
top:20px;
color:#757575;
border:solid 1px #d1d1d1;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height:28px;
width:220px;
padding:0 30px 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;
}

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

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

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


/* ALGOLIA BOX STYLING */

.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;
}



#searchmob {
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-left:8px;
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;
}

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


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

#TPtopsocial {
float:right;
width:215px;
padding:30px 10px 0 0;
}

#TPtopsocial ul {
list-style:none;
position:relative;
margin:0;
padding:0;
float:right;
}

#TPtopsocial ul li {
position:relative;
float:right;
margin:0 13px 0 0;
padding:0;
}

#TPtopsocial a {
font-size:26px;
color:#183152;
}

#TPtopsocial i.fa-mobile {
font-size:35px;
margin-top:-5px;
}

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


header.smaller #TPhousebook {
width:38px;
height:38px;
background-position:54% 48%;
}

header.smaller #TPhouselogo {
padding:7px 5px 5px 20px;
}

header.smaller #TPlightlogo {
margin:0 auto;
height:auto;
padding:7px 10px 7px 20px;
}

header.smaller #TPlightbook {
width:36px;
height:36px;
background-position:54% 48%;
margin-top:5px;
}



header.smaller #TPheader #TPtopsocial {
padding:15px 10px 0 0;
}

header.smaller #TPheader #TPsearch {
height:42px;
}

header.smaller #TPheader #TPsearch span {
margin-top:10px;
}

header.smaller #TPhouselogo a span {
font-size:24px;
padding-top:4px;
line-height:20px;
}

header.smaller #TPhouselogo a {
font-size:9px;
line-height:17px;
}


header.smaller #TPlightlogo a span {
font-size:20px;
margin-top:3px;
}
header.smaller #TPlightlogo a {
font-size:10px;
line-height:13px;
}

header.smaller #TPheader #TPsearch input {
top:5px;
}


@media (max-width:768px) {

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

header.smaller #mmenutrigger  {
margin-top:2px;
}

#TPhousebook,
#TPlightbook 

{display:none;}

#TPtopsocial {padding:22px 10px 0 0;}

}


@media (max-width:740px) {

#TPtopsocial {display:none;}

}


@media (max-width:515px) {

#TPhouselogo,
#TPlightlogo 
{
width:100%!important;

/* text-align:center; */
}

#TPsearch form#searchdesk 
{
display:none;
}

#TPsearch {
width:auto;
}

#TPsearch span {
display:block;
text-align:right;
margin-top:18px;
margin-right:10px;
}
#TPsearch span a {
color:#01A2A6;
font-size:30px;
}


}



/*  TOP NAV  */

#TPtopnav {
border-bottom:solid 1px #183152;
height:35px;
margin:72px 0 5px 0;
-moz-box-shadow: 0px 3px 4px #ddd;
-webkit-box-shadow: 0px 3px 4px #ddd;
box-shadow: 0px 3px 4px #ddd;
}

#TPtopnav ul {
list-style:none;
position:relative;
float:left;
margin:0;
padding:0;
width:100%;
}

#TPtopnav ul a {
display:block;
color:#183152;
text-decoration:none;
font-size:16px;
line-height:35px;
}

#TPtopnav ul li {
position:relative;
float:left;
margin:0;
padding:0;
text-align:center;
}

#TPtopnav > ul > li:nth-child(1) {width:30%;}
#TPtopnav > ul > li:nth-child(2) {width:25%;}
#TPtopnav > ul > li:nth-child(3) {width:25%;}
#TPtopnav > ul > li:nth-child(4) {width:15%;}
#TPtopnav > ul > li:nth-child(5) {width:15%;}
#TPtopnav > ul > li:nth-child(6) {width:15%;}


#TPtopnav > ul > li:hover
{
background-color:#183152;
}

#TPtopnav > ul > li:hover > a
{
color:#fff;
}

li.subnavhead {
position:relative;
}

li.subnavhead:hover:after {
  content: '';
  position: absolute;
  bottom:0px;
  left:10px;
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}


#TPtopnav .subnav li a:hover,
#TPtopnav .subnav li:hover
{
text-decoration:underline;
color:#01A2A6;
}

#TPtopnav .subnav li:hover:after {
  content: '';
  position: absolute;
 top:8px;
  right:0;
  border-right: 8px solid #183152;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}



#TPtopnav ul .subnav {
display:none;
background-color:#fff;
position:absolute;
top:35px;
left:0;
padding:0;
box-sizing:border-box;
border-bottom:solid 1px #183152;
border-left:solid 1px #183152;
border-right:solid 5px #183152;
border-collapse:collapse;
padding:10px 0;
z-index:20;
}

#TPtopnav ul .subnav li {
float:none;
background-color:#fff;
width:100%;
text-align:left;
z-index:999;
position:relative;
}

#TPtopnav ul .subnav a {
line-height:120%;
padding:7px 10px;
font-size:14px;
}

#TPtopnav ul .subnav li:first-child {

}

#TPtopnav ul .subnav li:last-child {

}


#TPtopnav ul li:hover > .subnav {
display:block;
}


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

@media (max-width: 1000px) {

#mainnav li.mobsub {display:block;}
#mainnav li.desksub {display:none;}

#TPtopnav > ul > li:nth-child(1) {width:22%;}
#TPtopnav > ul > li:nth-child(2) {width:25%;} /* desksub */
#TPtopnav > ul > li:nth-child(3) {width:20%;}
#TPtopnav > ul > li:nth-child(4) {width:20%;}
#TPtopnav > ul > li:nth-child(5) {width:20%;}
#TPtopnav > ul > li:nth-child(6) {width:16%;}

}

@media (max-width:768px) {

#TPtopnav > ul > li:nth-child(1) {width:24%;}
#TPtopnav > ul > li:nth-child(2) {width:25%;} /* desksub */
#TPtopnav > ul > li:nth-child(3) {width:22%;}
#TPtopnav > ul > li:nth-child(4) {width:22%;}
#TPtopnav > ul > li:nth-child(5) {width:16%;}
#TPtopnav > ul > li:nth-child(6) {width:14%;}

}


@media (max-width:650px) {

#TPtopnav {display:none;}

#TPmain {
margin-top:75px;
}

}




/* KEY ELEMENTS */

#tp_nav {
float:left;
}

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

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


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


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

#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 {
width: 50px;
height: 50px;
margin:0 auto 10px auto;
background-image: url('https://img.tradepub.com/images/tplogo_book.svg');
background-repeat: no-repeat;
background-size: 100%;
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.breadcrumb 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 */

.homebanner, .catbanner
{
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%);
}


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

.homebanner h2, .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:15px;
margin:7px 0;
}


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


.catoffer img.psimage {
max-height:120px;
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) {

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

}

@media (max-width: 1050px) {

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

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

}

@media (max-width: 768px) {


}

@media (max-width:650px) {

.catoffer {display:none;}

.homebanner, .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) {

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

.homebanner h2, .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;
}

}



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

.breadcrumb {
background:#ebebeb;
margin:7px 0;
padding:7px 10px;
font-size:12px;
height:20px;
}

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

.breadcrumb .catsort {
float:right;
}

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

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


@media (max-width:430px) {

.bcouter {display:none;}

.breadcrumb > span
 {
display:none;
}

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


.breadcrumb .catsort {
float:none;
}


}



/* -- 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;
image-rendering: -webkit-optimize-contrast;
}

img.splashlogo {
max-width:250px;
margin-bottom:15px;
max-height:75px;
}

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

#splashinfo a 
{
color:#474747;
}

#splashinfo ul {
overflow:hidden;
}

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

.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;
}


.showresources {display:block;font-weight:bold!important;}
.hideresources {display:none;}




#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;
clear:both;
}


@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;
image-rendering:unset;
}

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 0px;
color:#183152;
margin-top:10px;
}

.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 p {
text-align:center;
margin-left:15px;
margin-right:15px;
}

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

}

@media (max-width:430px) {

.clientlogo {display:none;}

.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 --------------------------- */

footer {
background-color:#183152;
color:#fff;
padding:10px;
overflow:auto;
clear:both;
}



footer a {
color:#fff;
}

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

#fmain {
width:100%;
overflow:auto;
}

#fleft {
float:left;
width:400px;
vertical-align:top;
}

#TPfootlogo {
width:200px;
position:relative;
float:left;
top:17px;
}

#TPfootlogo a
{
font-family:roboto,sans-serif;
font-size:9px;
line-height:18px;
color:#fff;
text-decoration:none;
vertical-align:top;
}

#TPfootlogo a span
{
font-family:oswald,sans-serif;
font-size:22px;
line-height:20px;
font-weight:normal;
margin-top:5px;
display:inline-block;
vertical-align:top;
}

#TPfootbook
 {
width:40px;
height:40px;
margin-right:5px;
}


div#flinks {
float:left;
}

#flinks ul {
border-left:solid 2px #fff;
list-style-type:none;
padding:0 0 0 10px;
margin:0;
}

#flinks ul a {
font-family:oswald,sans-serif;
line-height:22px;
text-decoration:none;
text-transform:uppercase;
}


#ficons {
float:right;
font-family:oswald,sans-serif;
margin:25px 15px 0 0;
}

#ficons li {
float:left;
margin:0 3px;
background:#0A1E45;
width:27px;
height:27px;
text-align:center;
list-style-type:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

#ficons li a {
font-size:17px;
vertical-align:middle;
}

#ficons li a:hover
{
color:#01A2A6;
}

#fapps, #fsocial 
{
float:left;
}

#fapps ul, #fsocial ul {
float:right;
padding:5px 0;

margin:-10px 0 0 15px;
}

#fsocial {
margin-left:30px;
}

#ficons #shield {
max-width: 150px;
display: block;
float: right;
clear: both;
margin: 1em 0 0 0;
}

footer p {
font-size:12px;
margin-top:20px;
}

p#copyright {
float:left;
}

p#privacy {
float:right;
}

@media (max-width: 1020px) {

#fapps, #fsocial {
float:none;
}

#fsocial { margin-left:0;}

#fsocial span {
float:left;
margin-top:20px;
}

#fsocial ul {
margin-top:0;
}

}


@media (max-width:768px) {

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

}

@media (max-width:720px) {

#ficons {
float:left;
}

#ficons #shield {
float:left;
}

}

@media (max-width:430px) {

#fmain {
overflow:initial;
}

#fleft {
width:auto;
}

}


@media (max-width:380px) {

#TPfootlogo {
top:0;
}

#TPfootbook {
/* margin-left:-7px; */
}

div#flinks {
float:none;
margin-top:60px;
}
#flinks ul {
border-left:0;
padding-left:0;
}

}


@media (max-width:325px) {

#fapps ul, #fsocial ul {
margin-left:5px;
}


}