/* --------------------------------------------------------------- *
 * 15px = .95em
 * --------------------------------------------------------------- */

/* --------------------------------------------------------------- */
/* - Elements
     Element font sizes are measured from desktop psd and scaled
     down. This is the only place where we do not have mobile 
     first approach.
/* --------------------------------------------------------------- */

body { font-size: 71% !important; letter-spacing: .01em; font-family: "aktiv-grotesk-std", Arial !important; color: #5b5b5b;}


@media ( min-width:435px ) {
    body { font-size: 86% !important; }
}
@media ( min-width:603px ) {
    body { font-size: 102% !important; }
}
@media ( min-width:768px ) {
    body { font-size: 80% !important; }
}
@media ( min-width:992px ) {
    body { font-size: 100% !important; }
}


#footer, #leftNav, #mainNav, #pageNav, #topNav, .tk-myriad-pro, h1, h2, h3, h4, h5, h6 { font-family: "aktiv-grotesk-std", Arial !important; }

h1, h2, h3, h4, h5, h6, h7, p, label { color:#5b5b5b; line-height: 1em; display:block; }
h1, h2, h3, h4, h5, h6, h7, p { margin: 0; padding: 0; }


h1 { font-size:30px; font-size: 1.875em; margin-bottom: 13px; margin-bottom: .435em; font-weight: 200; line-height: 1.2em; }
h2 { font-size: 22px; font-size: 1.375em !important; font-weight: 300; line-height: 1.2em; margin-bottom: 5px; margin-bottom: .23em; }
h2.sm { font-size:18px; font-weight:200; text-transform:initial; margin-bottom: 18px; line-height: .8em; }
h3 { font-size: 20px; font-size: 1.25em; font-weight: 200; }
h4 { line-height: 1.2em; font-size:24px; font-size: 1.5em; font-weight: 300; margin-bottom: 22px; margin-bottom: .92em; display: inline-block; margin-top: 1em; }
h5 { font-size: 20px;  font-weight: 600;  line-height: 1em; color:#fff; } 
h7 { font-size: 16px; font-size: 1.15em; font-weight: 400; color: #5b5b5b; }
h7.lg { font-size: 17px; line-height: 1.4; }

.content-card h1 { margin-bottom: 14px; margin-bottom: .467em;}
.content-card h2, .page-card h2, .layer-cake h2 { text-transform: uppercase; }
.product-card h3 { padding: .4em .7em .2em .9em; }
.support-card h3 { padding: .4em .7em 1.5em .9em; }

p, span, a, ol, ul, table, input { font-size: 15px; font-size: .9375em; line-height: 24px; line-height: 1.6em;}

/* normalise nested elements */
nav ul, p ul, p label, ul label, ul a, p a, a p, a ul, ul span, span span, h2 a, td p, td a, td div, h2 span { font-size: 1em; }

a h2 { font-size: 1.47em; }
h7.lg a { font-size: 1em; }


p  { margin-top: 0;margin-bottom: 20px; margin-bottom: 1.334em;}
p.sm { font-size:13px; font-size: .815em; line-height:18px; margin-bottom:11px; }

@media (max-width:992px ) {
    p {margin-bottom: 3%;}
}

p a, ol a { display: inline-block !important; }

span { margin-top: 0; color: #5b5b5b;}

a {color: #005f9b; text-decoration: none; cursor:pointer; font-weight: 100; }
a:hover { color: #656565; }


a.lg { font-size: 18px !important; }
.grey { color: #5b5b5b; }

ul { margin: 0; padding:0; color:#5b5b5b;padding-bottom: 1.334em;}
ul li { list-style: outside; padding-left: 0px; margin-left: 1.1em;}

ul.links li { list-style:none; margin-left:0; }

@media (max-width:992px ) {
    ul {padding-bottom: 3%;}
}


ol { padding: 0 0 30px 30px; margin: 0; color: #5b5b5b; }
  
img { display: block; margin: 0 auto; }
p img, .image img { width: auto !important; margin: 0;display: inline-block;}

time { color: #005f9b; }

hr { width: 79%; margin-left: 0em; }

sup { font-size: 50%; top: -1em;}

table { width: 100%; color:#5b5b5b; margin-bottom:40px; }
th { font-weight: 200; text-align: left; border-bottom:solid 1px #dadee1; }
td {  padding: 5px 5px 5px 0; }
table img { margin: 0; }

@media (min-width:768px) {
    td { padding-top: 10px; }
}

/* --------------------------------------------------------------- */
/* - Layout overrides for Iridium
/* --------------------------------------------------------------- */
.container { padding-right: 12px; padding-left: 12px; }

@media (min-width: 1200px) { 
    .container { width: 1180px; }
}
.row-fluid { margin-right: -12px; margin-left: -12px; }
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12 { padding-right: 12px; padding-left: 12px; }


/* --------------------------------------------------------------- */
/* - Page structure (master page items)
/* --------------------------------------------------------------- */

main { margin-top: 3em; }

.wrapper { background-color: #eeeeee; padding-top: 1em; margin-top:0; }
.wrapper-white { padding-top: 1em; margin-top:0; }

/* Header */
header .logo { float:left;  margin: 5% 0 3% 0; width: 34%; max-width: 210px;}

@media (min-width: 768px) {
    header .logo { width: 17.5%; margin: 1em 0 0 0; }
    
    .wrapper { padding-top: 1.25em; }
    .home .wrapper { /* padding: 0; */ }
}
@media (min-width: 992px) {
    header .logo { margin: 1.5em 0 0 0; }
}
@media (min-width:1200px) {
    header .logo { margin: 1.8em 0 0 0; }
}
    

/* --------------------------------------------------------------- */
/* - Navigations
/* --------------------------------------------------------------- */

/* Mobile first Hamburger menu expand and collapse */
/* this could go under layouts-hamburger menues, but are the classes always going to be the same? Should we seperate all the navigation code? */
nav .hamburger { float: right;}
nav .hamburger a { float:left; padding: 1.2em 0em 0 0; }
nav .hamburger a img { width: 56%; max-width: 44px; margin-right: 0;}

/* common */
nav.user-menu li a, nav .site-menu li a { color: #fff; padding-right: 1em; padding-left: 1em; padding-bottom: 1em; padding-top: 1em;}
nav span { line-height: initial; margin-bottom: 0; }

/* fonts */
nav .site-menu li a { font-size: 16px; font-size: 1.0em; }
nav.user-menu li a { font-size: 13px; font-size: .870em; }

@media (max-width:1200px) {
    nav .site-menu li a,
    nav.user-menu li a { font-size: 86%; }
}

/* site menu */
nav .site-menu { display:none; }
nav .site-menu > li > a { padding-bottom: 2em; }

nav .site-menu.expand { position: absolute; top: 0; z-index: 101; background-color: #8a949d; padding: -3.4em; right: 0; width: 56%; height: 100%;}

nav .site-menu.expand li { font-size: 1.2em; font-size: 5.1vw; list-style: none; color:#fff; line-height: 2.2em; margin-left: 1em;}
nav .site-menu.expand > li:nth-child(2) { padding-top: 2em; }
nav .site-menu.expand li ul { display: none; }
nav .site-menu.expand li ul li { font-size: 77%; margin-left:.2em; line-height: 2.3em; }

nav .site-menu.expand li hr { margin-left: 1em; width: 60%;}

nav .site-menu.expand .close { float: right; padding: .8em;}
nav .site-menu.expand .close img { width: 53%; }

/*user menu */
nav .site-menu.expand .user-menu { display: block; }
nav .site-menu.expand .user-menu li { margin-left: .4em; padding-left:0; }


/* search*/
nav .site-search { display:none; }
nav .site-search.expand { position: absolute; top: 4.5em; left: 0; background-color: #d7dee6; padding: 1em; width: 100%; z-index: 2;}
nav .site-search.expand input { width: 100%; }

@media (min-width: 360px) {
    nav .site-search.expand { top: 5.4em; }
}

@media (min-width: 429px) {
    nav .hamburger a { padding: 31% .8em; }
    nav .hamburger a img { width: 74%; }

    nav .site-search.expand { top: 6em;  }

    nav .site-menu.expand .close img { width: 88%; }
}

/* desktop styles */
@media (min-width: 768px) {
    
       
    nav ul li { float:left; list-style:none; margin: 0; }
    
    /* user and site menus */    
    nav.user-menu li a,
    nav .site-menu li a,
    nav .site-menu li span { color: #95a1aa; color: #5b5b5b; font-weight: 500;  }
    nav.user-menu li a:hover,
    nav .site-menu li a:hover { color: #5b5b5b; }

    nav .site-menu li span { color: #5b5b5b; padding: 1em .6em 0em .6em; /* font-size: 86%; */ /* margin-top: 1em; */ display: block;}
    nav .site-menu li:first-child span { padding-top:0; }
    /* user */
    nav.user-menu { margin-top: .45em;}

    /* site */
    nav .site-menu { display:block; float: left; height: auto !important;}
    nav .site-menu li { padding: 0.2em .3em;}

    nav .site-menu-toggle { display: none; }

    nav .site-menu li { position: relative; line-height: 1em; }

    /* first level */
    nav .site-menu > li { text-transform: uppercase;  border: Solid 1px #fff; line-height: 2em; height: 2.5em;}
    nav .site-menu > li > ul { display:none;}

    nav .site-menu > li.active { background-color:#f0efef; border: solid 1px #dcdcdc; border-bottom: none;  height:2.5em; z-index: 300000;}
    nav .site-menu > li.active a { color: #5b5b5b;}

    /* expanded menu */    
    nav .site-menu > li ul.expand { position: absolute; left: -1px; border: solid 1px #dcdcdc; border-top: none; top: 2.49em; z-index: 2; white-space: nowrap; }
        
    nav .site-menu > li ul.expand li { float:none; z-index: 3; background-color: #f0efef; padding: .2em .9em; text-transform: initial; min-width: 10.5em; width: 100%;}
    nav .site-menu > li ul.expand li:first-child { padding-top: 0.9em; }
    nav .site-menu > li ul.expand li:last-child { padding-bottom: 1em; }

    /* search */
    nav .site-search { display:block; float: left; width: 105px; margin-top: .7em;}
    nav .site-search-toggle { display: none; }
    nav .site-search input {width: 100%; padding: .1em .1em .1em 1.7em; background: url("/img/icon_search.jpg") no-repeat scroll 0.4em center white; height: 1.4em; color: #95A1AA;}
    
    /* language */
    nav.user-menu li.language { padding-bottom: 1em; position: relative;}
    nav.user-menu li.language .triangle-down-image-card { border-top-color:#898989; border-left-width: 3px; border-right-width: 3px; border-top-width: 5px; top: 1em; right: -.1em; }
    nav.user-menu li.language .triangle-down-image-card.flip { border-top:0; border-bottom: 3px solid #898989; }
    
    .language-control { display:none; position: absolute; right: -2.5em; top: .9em; z-index: 300; border: solid 1px #dcdcdc; background-color: #f0efef; width: 114px; width: 7.1em; padding: .5em;  }
    .language-control .triangle-up { position:absolute; top: -.4em; right: 3em; background:url('/img/triangle-up.jpg') 0 0 no-repeat; width: 15px; height: 6px;}
    .language-control p { margin-bottom: .3em; }
    .language-control p a { font-size: 15px !important; }

    /* login */
    nav.user-menu li.login { padding-bottom: 1em; margin-left: 1.06em;}
        
    .login-control { display:none; position: absolute; right: 0px; top: .9em; z-index: 300; border: solid 1px #dcdcdc; background-color: #f0efef; width: 15.6em; padding: 1em; }
    .login-control input[type=text],
    .login-control input[type=password] { margin-bottom: 0.2em; }
    .login-control p { margin-bottom: .6em; font-size: 1em;}
    
    .login-control .closer img { margin-right:0; }

    nav.user-menu li .login-control p a { font-size: 1em; color: #95a1aa;}


    .login-control a { padding: 0 !important; }
    .login-control .login-button { font-size: 100%; }
    .login-control .triangle-up { position:absolute; top: -.4em; right: 1.3em; background:url('/img/triangle-up.jpg') 0 0 no-repeat; width: 15px; height: 6px;}

    /* ifp */
    .ifp-navbar { height: 27px; background-color: #95A1AA; }

    .ifp-navbar .row-fluid { padding-top: 1px; }

    .ifp-navbar .roles { float: left;  font-size: 10px; }

    .ifp-navbar nav ul { float: right; }
    .ifp-navbar  nav ul li { margin-left: 42px; }

    .ifp-navbar a { font-size:13px; color:#fff; }
    .ifp-navbar span { font-size: 13px; }
    .ifp-navbar .logout { text-transform: uppercase; }
    
}

html[data-useragent*='MSIE 10.0'] nav .site-menu > li ul.expand,
html[data-useragent*='Trident/'] nav .site-menu > li ul.expand { margin-top:-1px; }

@media (min-width: 992px) {

    
    nav.user-menu { margin-top: 1em;}
    
    nav .site-menu { margin-top: .3em;}
    nav .site-menu li { padding: 0.3em .4em;}

    nav .site-menu > li { height: 3em; }
    nav .site-menu > li.active { height: 3em; }
    nav .site-menu > li ul.expand { top: 2.98em; }
    nav .site-menu > li ul.expand li { min-width: 11em;}

    nav .site-search { width:150px; }
    nav .site-search input { height: 1.7em; }

    nav.user-menu li.language .triangle-down-image-card { border-left-width: 4px; border-right-width: 4px; border-top-width: 6px; top: .7em; }
    nav.user-menu li.language .triangle-down-image-card.flip { border-top:0; border-bottom: 6px solid #898989; }

    .login-control .triangle-up { right: 1.6em; }
}

@media (min-width: 1200px) {

    nav.user-menu { margin-top: 20px; margin-top: 1.25em;overflow: visible; }
    
    nav.user-menu li.language { margin-right: .4em;}

    nav .site-menu li a { padding: 0.3em .6em 2em .6em;}    
    nav .site-menu > li ul.expand li { min-width: 12em;}

    nav .site-search { margin-top: .85em; width: 170px; margin-left: 0.838em; margin-right: .1em;}

    nav.user-menu li.language .triangle-down-image-card { top: .7em; }

    .login-control .triangle-up { right: 1.9em; }
}

nav { float: right; clear: right;}
nav ul { clear:both; padding-bottom: 0;}



/* Footer */
footer.wrapper { background-color: #fff; padding-top: 0;}

footer .container { padding-top: 20px;}

footer .span-4 { clear: left; display:flex; }

footer nav { float:left; }
footer nav ul li { float: left; list-style:none; line-height: 1.8em; }
footer nav ul li a { padding-right: 2.5em; }

footer p { margin: .4em 0 0em 0; display: inline-block;}

footer .social{margin: 0 0 1em 0;}
footer .social a{width:19%; float:left; text-align:center}
footer .social img{max-width: 40px; float:none; margin: .5em; }
footer .social a:hover img{opacity:0.7}



/* desktop styles */
@media (min-width: 768px) {

    footer .span-4 { display:block; }

    footer .social a{width:auto; float:none; text-align:left}
    footer .social img {max-width: 40px; float:left; margin: .5em .5em .5em 0; }
    footer nav.desktop-only { float:none; padding-bottom: 2em; }

    footer nav ul li a { padding-right: .5em; /* font-size: .938em; */}
        
    footer .social img { width: 2.5%; }

    footer .footer { margin-top: 4em; margin-bottom: 1em; font-size: 13px; font-size: 0.813em;}
    footer .footer a { display: inline;}
    footer .footer ul li:nth-child(n+2):before { content:"|"; }
    footer .footer .span-5 { padding:0; }
    
}
@media (min-width: 992px) {
    footer { font-size: 91%; }
    
    footer .footer p a { display:inline-block; }    
}
@media (min-width: 1200px) {
    footer { font-size: 100%; }
    footer .footer p {float:left;font-size: 1em;}    
}

/* sitemap */
.sitemap nav { float: none; }
.sitemap ul { color: #5b5b5b; }

.sitemap .span-2 { margin-bottom: 2em; }

@media (min-width: 768px) {
    .sitemap ul  { font-size: 110%; }
    .sitemap ul > li { float: left; }
    
    .sitemap ul ul { float: none; font-size: 89%; }
    .sitemap ul li ul li { float: none; }    
    
}
@media (min-width: 992px) {
    .sitemap ul { font-size: 100%; }
}

/* sitemap page */
.sitemap .sitemap .span-2 ul li { line-height: 2em; }

.sitemap .sitemap ul ul { margin-bottom: .5em;}

.sitemap .sitemap h2 a,
.sitemap .sitemap h3 a { line-height: 1.3;}

.sitemap .sitemap h2,
.sitemap .sitemap h3 { margin-bottom: .5em; display: block;}

/* --------------------------------------------------------------- */
/* - Site features
/* --------------------------------------------------------------- */

/* triangle image pointer */
.triangle-left-image-card { width: 0; height: 0; position: relative; border-left:8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #fff; }

.triangle-right-image-card { width: 0; height: 0; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 9px solid #fff; z-index: 8; }

.triangle-down-image-card { width: 0; height: 0; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #898989; z-index: 8; }
.triangle-down-image-card.flip { border-top:0; border-bottom: 7px solid #898989; }

@media (min-width: 768px) {
    .triangle-left-image-card.flip { width: 0; height: 0; position: absolute; border-top: 8px solid transparent; border-right: 9px solid #fff; border-bottom: 8px solid transparent; }
    .triangle-right-image-card.flip { width: 0; height: 0; position: absolute; border-top: 8px solid transparent; border-left: 9px solid #fff; border-bottom: 8px solid transparent; }
}


/* --------------------------------------------------------------- */
/* - Form
/* --------------------------------------------------------------- */

fieldset { border:none; padding:0; margin: .5em 0 .5em 0; }

.form-row { overflow: hidden; height: auto; width:100%; margin: 1em 0 0 0; }


.form-row label,
.form-row input,
.form-row select,
.form-row .label-area,
.form-row .control { float: left; }

/* label */
.form-row label, 
.form-row .label-area { width: 100%; line-height: 1.55em; margin: 0 1em .4em 0; text-align: left; }

.form-row .label-seperator { float: left; width:10%; /* margin-top: .6em; */ margin-bottom: .4em; margin-right:0; }

label { font-size: 15px; font-size: .9375em; line-height: 1.55em;}


.form-row label.full { width: 100%; }
.form-row label.check { width: 86%; margin-right: 0; margin-top: .2em; }

label em { font-size: 13px; font-size: .87em;}

/* controls - input */
.form-row input[type=text],
.form-row input[type=password],
.form-row select,
.form-row .control { width: 100%; height: 3em; margin-bottom: 1em; padding-left: 0.6em; }

.site-search input[type=text],
.form-row input[type=text],
.form-row input[type=password],
.form-row select,
.form-row .control,
.form-row textarea { color: #a8a8a8; border: solid 1px #cccccc; -moz-box-shadow: inset 0 0 12px #DDDDDD; -webkit-box-shadow: inset 0 0 12px #DDDDDD; box-shadow: inset 0 0 12px #DDDDDD; }

.form-row textarea { width:100%; height: 13em; padding: 0.6em;}

/* controls - select */
.form-row input[type="checkbox"], .form-row input[type="radio"] { margin-right:.3em; margin-top: 0.5em; }


.form-row.telephone-extension input:first-child { width: 63%; margin-right:5%; }
.form-row.telephone-extension input { width: 32%; }

.form-row.multi-control input { margin-right: .5em; }
.form-row.multi-control input[type=text] { width: 76%; }
.form-row.multi-control input[type=button] { width: 20%; }


.form-row ul { padding: .5em 0 0 0; clear: both; }
.form-row ul li { display: inline-block; list-style: none; margin-left: 0; width: 100%;}
.form-row ul li label { width: 86%; margin-top: 2px;}


.form-row.extra-margin { margin-bottom: 2em; }

/* validation */
.form-row .validation { font-size:80%; color:#5B5B5B; line-height: 1.5em; margin-bottom: .4em; display: block;}

.form-row input.error,
.form-row select.error,
.form-row textarea.error,
.form-row ul.error { border: solid 1px rgb(231, 89, 89); }

.form-row span { float: left; font-size: 83%; padding-top: .5em; }
.form-row span[style*=hidden] { display: none; }

/* legal */
.form-row.legal { width: 100%; }

/* tip */
.form-row .tip {  width: 50%;height: 100%;float: right;}
.form-row .tip img { width: 11px !important; height: 15px !important; display: block !important;  float: right; margin-right: .1em;margin-top: .2em;}
.form-row .help-tip { position: absolute; padding: .5em;margin-right: 1.5em;border: solid 1px #cccccc; background-color:#fff; -moz-box-shadow: inset 0 0 12px #DDDDDD;      -webkit-box-shadow: inset 0 0 12px #DDDDDD;      box-shadow: inset 0 0 12px #DDDDDD;}

/* browser stuff */
input:focus,
select:focus { outline: none; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {  -webkit-box-shadow: 0 0 0px 1000px white inset; }

@media (min-width:768px) {
    /* label */
    .form-row label, 
    .form-row .label-area,
    .form-row .label-seperator { width: 100%; margin-top: .6em; }

    .form-row .label-seperator { width: 12.7%; text-align: center; margin-top: .3em;}

    /* controls */
    .form-row input[type=text],
    .form-row input[type=password],
    .form-row select,
    .form-row .control { height: 2.4em; margin-bottom: 0;}

    .form-row input[type=text].multi-datepicker { width: 28.2%; }    
}

@media (min-width:1200px) {
    .form-row input[type=text].multi-datepicker { width: 28%; }
}

/* grid forms */
.span-3 label { width: 21%; }
.span-3 select { width: 73%; }

/* right form */
.form-row.list-control h4 { margin: 0; }
.form-row.list-control label { margin-right:0; text-align: right; width: 100%;}

/* page search */
.search { margin-bottom: 1em; }
.search input { padding-left: 1.7em !important; background: url("/img/icon_search.jpg") no-repeat scroll 0.4em center white; }


/* --------------------------------------------------------------- */
/* video 
/* --------------------------------------------------------------- */
    
.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.video-wrapper iframe {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* --------------------------------------------------------------- */
/* Buttons
/* --------------------------------------------------------------- */

.login-button,
.wtb-button { background-color:#95a1aa; color:#fff !important; border:none; text-transform:uppercase; padding: .55em 1.225em .55em 1.225em !important;}
.login-button:hover,
.wtb-button:hover { background-color: #656565; color:#fff; }

.wtb-button { padding: .4em 1em !important; }

.button { background-color: #bbbcbd; color: #fff !important; text-transform: uppercase; padding: 0.5em 1.34em; border-radius: 0.36em !important; border: 0; height: 2.4em; line-height: 1.4;}
.button:hover,
.button.active { background-color: #898989; color:#fff; }

.ghost-button { background-color: transparent; border:solid 1px #a6c7dc; color:#005f9b; padding: 11px 25px; font-size:15px; font-weight: 500; text-transform: uppercase; width: 100%; display: inline-block; margin-bottom: 18px; text-align: center;}
.ghost-button:hover { color:#656565; }

.ghost-button div { margin: auto; min-width: 9.3em; }
.ghost-button div img { width: 12.5%; width: auto; float: left; margin-right: .5em; margin-bottom:0}

.sort.button { margin: 1em; }

@media (min-width: 768px) {
    .login-button { font-size: 54%; }
    .ghost-button { width:auto; margin-right: 1em; margin-bottom: 1em;margin-top: 5px;}

    .white-desktop .ghost-button { color: #fff;  border: solid 1px rgba(255, 255, 255, .4); }
    .white-desktop .ghost-button:hover { color: #a6c7dc; }
}
@media (min-width:992px) {
    .login-button { font-size: 72%; }
}
@media (min-width:1200px) { 
    .login-button { font-size: 78%;}
}

/* --------------------------------------------------------------- */
/* - Popup
/* --------------------------------------------------------------- */
.overlay-popup { position:relative; }
.popup { position: fixed; top: 50%; left: 50%; z-index: 1001; width: 22.5em; background-color: #fff; padding: 1.5em 4em 1.5em 3em; margin: -11em 0 0 -11em; }
.popup .closer { position: absolute; top: -1em; right: 0em; }

.popup .closer img { margin: 0; width: 11px;}


/*  */
.visit-website { /* float: left; */ }
.visit-website-popup { display: none; clear: both;}
.visit-website-popup .visit-website-popup-box { display: inline-block; width: 100%; border: solid 1px #cccccc; border-radius: .4em; -webkit-box-shadow: 2px 3px 14px 4px #ccc; -moz-box-shadow: 2px 3px 14px 4px #ccc; box-shadow: 2px 3px 14px 4px #ccc; background-color: #fff; padding: 2em 1em 1em 1em; }
.visit-website-popup .triangle-up { background: url('/img/popup_triangle-up.png') no-repeat; width: 15px; height: 6px; top: -2.4em; left: 50%; position: relative; }
.visit-website-popup a { float: right !important; }

@media ( min-width:768px) {
    .visit-website { float: left; }
    .visit-website-popup { display: none; position: relative; }
    .visit-website-popup .visit-website-popup-box { position: absolute; top: 0em; left: -8.7em; width: 23.8em; z-index: 100; }    
}
/* --------------------------------------------------------------- */
/* - Common Classes
/* --------------------------------------------------------------- */

hr.lg { border-bottom: solid 2px #eaebeb; background-color: #cccccc; border: none; width: 100%; height: 2px; }
hr.sm { border-bottom: solid 1px #eaebeb; background-color: #cccccc; border: none; width: 100%; height: 1px; }
    
/* icons */
.icon-email { width:26px !important; float:left; margin: 0; margin-right: .5em;}

.icon-pdf { background:url('/img/icon-pdf.png') 0 0 no-repeat; width:initial; height:initial; padding-left:18px; }

.grey-desktop { color:initial; }
.white-desktop { color: initial; }

.white-bg { background-color: #fff; }

/* desktop styles */
@media (min-width: 768px) {
    
    .grey-desktop, .grey-desktop h1,.grey-desktop h2, .grey-desktop p { color: #5b5b5b !important; }

    .white-desktop, .white-desktop h1, .white-desktop h2, .white-desktop p, .white-desktop ul, .white-desktop span { color:#fff !important; }
}

/* other */
.left { float: left; }
.right { float: right; right:0; text-align: right;}
.bottom { position: absolute; bottom: .8em; }

.right.to-h1 { margin-top: .8em; }

.no-padding-right { padding-right: 0 !important; }

.scroll { height: 9em; overflow-y: scroll; width: 100%; }

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