/* FONTS


font-family: 'ApexNewBookRegular';
font-family: 'ApexNewBoldRegular';
font-family: 'ApexNewHeavy';

*/

@-ms-viewport{
	width: device-width;
}

/* ELEMENTS & FONTS */

*, *:before, *:after {
    box-sizing: border-box;
}

section.slideshow, section.footer { font-color:#231f20; margin:0px; padding:0px; }
section.slideshow { background:#c6d429; padding-top:30px; padding-bottom:30px;}

p { margin-bottom:1em; line-height:1.4em; }
.entry-header { display:none; }

.popup-case-studies { line-height:1.4em; }
a { color:#e41f24; }
a:hover { text-decoration:underline; color:#cc0405; }


.logos { float:right; }

.brand {  }
.ifad {  }

.brand img { width:80%; margin:0px auto; }
.ifad img { width:65%; margin:0px auto; }


h1.page-title { float:left; font-size:15px; text-transform:uppercase; margin:0px; font-family: 'ApexNewBoldRegular', 'Apex New', Arial, sans-serif; }
h1.page-title span { font-family: 'ApexNewBookRegular'; color:#fff; }

.uppercase { text-transform:uppercase; }
.sentence-case { text-transform:capitalize; }
.lowercase { text-transform:lowercase; }

.hide { display:none; }

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

/* NAVBAR */
div.nav, div.nav-inside {
    padding:15px 0px;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    width:100%;
    border-bottom:1px solid transparent;
    z-index:300;
    }
    
div.nav-inverse, div.nav-inside {
    background:rgba(255,255,255,1);
    border-bottom:1px solid #231f20;
}

ul.nav {
    margin: 0;
    list-style: none outside none;
    padding-left: 0;
    display:none; 
}
ul.nav > li > a {
    font-family: 'HalisGR-Bold';
    color:#fff;
    font-size:16px; letter-spacing:1px;
    text-transform:uppercase;
    -webkit-transition: color 150ms linear;
    -moz-transition: color 150ms linear;
    -ms-transition: color 150ms linear;
    -o-transition: color 150ms linear;
    transition: color 150ms linear;
}
div.nav-inverse ul.nav > li > a { color:#231f20; }

.navbar-toggle {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
    border:1px solid #fff;
    clear:none;
}
header .show .navbar-toggle { float:left; margin-left: 20px; padding:10px; font-size:12px; }
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    background-color:#fff;
}
div.nav-inverse .navbar-toggle .icon-bar {
    background-color:#231f20;
}



.svg-parent-container {
	width:90%; margin:0px auto;
}
.svg-container { 
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 62.5%; 
	vertical-align: middle; 
	overflow: hidden;
	
}

.wrapper-bridge { width:90%; margin:0px auto; }



.svg-content { 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;

}

.popup {
	background:#c6d429;
	background:rgba(198, 212, 41, 0.95);
	display:none;
	width:90%;
	box-shadow:
	margin-top:20px;
}
.popup img { display:block; width:100%; }
.popup-content { padding:25px 40px 60px ; }
.popup-content a { color:#0A7525; text-decoration:none;}
.popup-content a:hover { background:rgba(255,255,255,0.2); }
.popup-content h2 { margin-bottom:1em; line-height:35px; }
.popup-content h2, .popup-content h3 {
	color:#fff; 
	font-weight:400;
	font-size:27px;
	font-family: 'ApexNewBookRegular', 'Apex New', Arial, sans-serif;
	}
.popup-content h3 {
	font-size:20px; margin-bottom:0px;
}

.popup-content .b-close, .popup-content .b-close:hover {
position:absolute; top:-10px; right:-10px;
background:url('/images/bridge/interest-red-close.png') no-repeat top left;
width:30px; height:30px; 
}
.popup-content .b-close:hover {
	opacity:0.9;
}

.popup-case-studies { font-size:13px; }


.popup .social {
	background: #7dd139;
	font-size:12px; font-weight:600;
	letter-spacing:0.5px;
	color:#fff;
	text-align:center;
	display:inline-block;
	position:absolute;
	width:180px;
	left:50%;
	bottom:-32px;
	margin-left:-85px;
	padding:7px 14px; 
}

.popup .social img {
	width:inherit;
	display:inline-block;
	margin:4px; 
}
.popup-content .social a, .popup-content .social a:hover { background:transparent; }

.firstload-popup {
	font-size:16px;
	font-family: 'ApexNewBookRegular', 'Apex New', Arial, sans-serif;}
.firstload-popup .popup-content { padding-top:60px; }	

.firstload-popup .b-close-2, .firstload-popup .b-close-2:hover {
position:relative; top:0; left:0;
background:none;
width:100%; height:auto;
text-align:center;
color:#fff;
text-transform:uppercase;
background-color:#0A7525;
font-family: 'ApexNewHeavy', 'Apex New', Arial, sans-serif;
display:block;
padding:10px;
font-size:20px;
letter-spacing:1px;
}
.firstload-popup .b-close-2:hover {
	opacity:1;
	background-color:#0f9334;
	color:#fff;
}
.firstload-popup h1 { text-align:center; font-size:35px; color:#fff; font-family: 'ApexNewHeavy'; text-transform:uppercase; }

.firstload-popup img {
	width:auto; 
}
.firstload-popup .ff-logo { float:left; margin-left:30px; width:100px;}
.firstload-popup .ifad-logo { float:right; margin-right:30px; margin-top:-5px; width:150px;  }


.share-box {
    background: none repeat scroll 0 0 rgba(198, 212, 43, 0.9);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 300;
}

.share-box textarea {
    border: 0 none;
    border-radius: 5px;
    font-size: 15px;
    height: 150px;
    margin-top: 150px;
    padding: 30px;
    width: 500px;
}


.share-box h2 {
    cursor: pointer;
    font-size: 12px;
    margin-top: 30px;
    text-transform: uppercase;
}


.embed:hover { cursor:pointer; }


.firstload-popup .tooltip-example {
	float:left;
	width:70px;
	margin-right:25px;
	border-radius: 50%;

}

.tooltip { position:relative; }
.tooltip-image {
	border-radius:50%;
}
.tooltip-example:after {
  /* this is used to create the pulse animation */
  content: '';
  position: absolute;
  width: 120%;
  height: 120%;
  top: 0;
  left: 0;
  animation: cd-pulse 2s infinite;
  box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
 
}



a.potential {
 /* this is used to create the pulse animation 
 content: '';
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;*/
 -webkit-animation: potential-pulse 4s infinite;
 animation: potential-pulse 4s infinite;
}

@-webkit-keyframes potential-pulse {
    0%   {width:90%}
    50%  {width:100%;}
    100% {width:90%;}
}

/* Standard syntax */
@keyframes potential-pulse {
    0%   {width:80%}
    50%  {width:90%;}
    100% {width:80%;}
}

.tooltip-example:after {
/* this is used to create the pulse animation */
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: cd-pulse 2s infinite;
  z-index:3000;
}
@keyframes cd-pulse {
  0% { transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8); }
 
  50% { box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8); }
 
  100% { transform: scale(1.6); box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0); }
}



.footer { background-color:rgba(255,255,255,0.9); margin-top:20px;  }
.footer h4 {
	font-family: 'ApexNewBookRegular';
	color:#0f9334;
	font-size:20px;
	margin-right:20px;
	float:left;
	margin-bottom:0px; 
}
.footer h4.info { cursor: pointer; }

.footer h4.info, .footer h4 a  {
	display:inline-block;
	background: #7dd139;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	padding:10px 20px;
	letter-spacing:2px;
	font-family: 'ApexNewBookRegular';

	}
.footer h4.info:hover, .footer h4 a {
	background-color:#0f9334;
}
.footer h4 { float:left; clear:none; }


.footer-links { float:right; }
.footer-links .ff-footer { display:block; float:left; margin-right:20px; width:210px; height:27px; text-indent:-9999px; background:url('/images/bridge/ff-footer.png') no-repeat top left; margin-top:27px; }
.footer-links .ifad-footer { display:block; float:left; margin-right:20px; width:110px; height:55px; text-indent:-9999px; background:url('/images/bridge/ifad-footer.png') no-repeat top left; margin-top:12px;  }1