@charset "utf-8";
/* CSS Document */

/**** reset ****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; 
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

select, input { margin: 0px; }

ol, ul { list-style: none; }

.clear { clear: both; }

strong { font-weight: bold; }	

a, #chooser ul li { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }

a img { border: none; }


/*** Box Sizing ***/

form input, form textarea

{ 

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}


/*** General Styles ***/

body { font-family: "Lato", Helvetica, Arial, sans-serif; color: #222222; line-height: 1.42857; font-size: 100%; }

.container { width: 1150px; margin: auto; display: block; }


/*** Typography ***/

h1 { font-size: 56px !important; font-weight: 300!important; padding-bottom: 10px!important; color:#4b4b4b!important;}
h2 { font-size: 28px !important; color: #222222;}

h1, h2, h3, h4 { line-height: 1.2em; /*font-weight: bold;*/ }


p, li { line-height: 1.42857; font-size: 16px; }
p { padding-bottom: 15px; }
a { color: #222222; }
a:hover { color: #36b156; }

.left { float: left; }
.right { float: right; }

/*** Header ***/

header { -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.55); -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.55); box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.55);  }

header .container { padding: 0 0 0 0; /*background: url(../images/atom.jpg) 162px 27px no-repeat;*/ }

header .logo { display: block; float: left; }

/*header .contact { font-size: 1.2em; position: relative; float: right; display: block; margin-top:25px; color: #fff; font-weight: 800; background: #f8b10d; padding: 8px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
header .contact:hover { background: #BD8607; }*/

header .contact {
background-color: #FFAE00;
border: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
font-weight:bold;
padding: 15px 20px;
font-size: 18px;
float: right;
}

header .contact-left {
background-color: #FFAE00;
border: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
font-weight:bold;
padding: 15px 20px;
font-size: 18px;
float: left;
}

header .contact:hover, header .contact-left:hover {
background-color: #eb9316;
}

.mediaKit { float: right; padding: 0 30px 0 45px;}
.mediaKit span { font-size: 72px; font-weight: 300;color: #696363; }
@media (max-width:991px)
{
    .mediaKit { float: none;padding: 0 0 0 0;}
    .mediaKit span { font-size:40px; font-weight: 400;color: #ffffff; }
}
.imglogo-centered{margin-left:45px;vertical-align:text-bottom;}

/*** Structure ***/

#mainSection { display: block; padding: 50px 0; }

.sidebar { display: block; float: left; width: 305px; min-height: 873px; position: relative; }
.sidebar1 { display: block; /*float: left;*/ width: 305px; min-height: 255px; /*position: relative;*/ }
.membership .sidebar { min-height: 1597px; }
.membership .sidebar1 { min-height: 1597px; }

.sidebar h3 { color: #222222; font-size: 1.3em; font-weight: 600; padding-bottom: 20px; }
.sidebar1 h3 { color: #222222; font-size: 1.3em; font-weight: 600; padding-bottom: 20px; }
.sidebar ul li { position: relative; padding: 0 0 10px 20px; }
.sidebar1 ul li { position: relative; padding: 0 0 0 35px; line-height: 1.7; font-size: 0.8em; cursor:pointer }
.sidebar ul li.active a { color: #36b156; }
.sidebar1 ul li.active a { color: #36b156; }
.sidebar ul li.active:before { 
	position: absolute;
	top: 3px;
	left: 0;
	content: "";
	width: 0; 
	height: 0; 
	border-bottom: 7px solid transparent;  /* left arrow slant */
	border-top: 7px solid transparent; /* right arrow slant */
	border-left: 7px solid #36b156; /* bottom, add background color here */
	font-size: 0;
	line-height: 0; 
} 

.sidebar1 ul li.active:before { 
	position: absolute;
	top: 3px;
	left: 0;
	content: "";
	width: 0; 
	height: 0; 
	border-bottom: 7px solid transparent;  /* left arrow slant */
	border-top: 7px solid transparent; /* right arrow slant */
	border-left: 7px solid #36b156; /* bottom, add background color here */
	font-size: 0;
	line-height: 0; 
} 

.active-underline {text-decoration: underline;}

.sidebar ul li a { /*font-weight: 800;*/ font-weight: bold; font-size: 120%; color: #222222; }
.sidebar1 ul li a { /*font-weight: 800;*/ font-weight: bold; font-size: 100%; color: #36b156; }
.sidebar ul li a:hover { color: #36b156; }
.sidebar1 ul li a:hover {text-decoration: underline; }
.sidebar section { padding-bottom: 30px; }
.sidebar1 section { padding-bottom: 30px; }

#fancybox-title-float-main   {display:none;}
#fancybox-wrap {padding:0px;}
.flexslider { margin-bottom: 30px; }

.testHolder { display: block; position: absolute; bottom: 0; left: 0; }
.testBox { display: block; padding-bottom: 30px; }
.sidebar h4 { font-weight: 800; font-size: 1.1em; padding-bottom: 20px; }
.sidebar1 h4 { font-weight: 800; font-size: 1.1em; padding-bottom: 20px; }
.sidebar .slide h4 { padding-bottom: 50px; }
.sidebar1 .slide h4 { padding-bottom: 50px; }
.testBox p { font-style: italic; }
.testBox p.auth { font-style: normal; font-weight: bold;}

.content { display: block; float: right; width: 740px; border-left: 1px solid #36b156; padding-left: 40px; }

.videoBox { display: block; width: 80%; margin: 55px 0 70px 0; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.55); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.55); }
.videoBox img { display: block; width: 100%; }

.articleHolder { display: block; clear: both; }
.articleHolder article { float: left; padding-right: 5%; width: 30%; }
.articleHolder article.end { padding-right: 0; }
.articleHolder article h3 { color: #222222; /*font-weight: 800;*/ font-size: 24px; padding-bottom: 30px;}

.articleHolder article h3 span { font-size: 36px; font-weight: 300; color: #36b156; padding-right: 10px; position: relative; margin-right: 15px;}
.articleHolder article h3 span:after { content: ""; border-right: 1px solid #36b156; margin: 0; position: absolute; right: 0; /*top: 10px;*/ height: 45px;}
/*.contact { font-size: 1.2em; position: relative; float: right; display: block; color: #fff; font-weight: 800; background: #f8b10d; padding: 8px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.contact:hover { background: #BD8607; }*/
.contact {
background-color: #FFAE00;
border: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
font-weight:bold;
padding: 15px 20px;
font-size: 18px;
float: right;
}

.contact-left {
background-color: #FFAE00;
border: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color: #fff;
font-weight:bold;
padding: 15px 20px;
font-size: 18px;
float: left;
margin: 10px 20px;
}

.contact:hover, .contact-left:hover{
background-color: #eb9316;
color: #fff;
}

.link-underline {text-decoration: underline; }
/*** Membership page ***/

.mapBox { display: block; padding: 75px 0; }
.mapBox img { display: block; width: 100%; }

.leadingLists { display: block; padding-bottom: 55px; }
.leadingLists ul { width: 43%; }

.leadingLists ul li { display: block; margin-bottom: 8px; font-size: 0.8em; }

.leadingLists ul li span { border-bottom: 1px solid; display: block; float: left; padding-bottom: 8px; }
.leadingLists ul li span.mTitle { padding-right: 5px; min-width: 150px; }
.leadingLists ul li span.mPercent { width: 0; text-align: right; }
.leadingLists ul li:after { display: block; content: ""; clear: both; }

.leadingLists ul li span.mPercent { transition: all 1.5s ease; -moz-transition: all 1.5s; -ms-transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -o-transition: all 1.5s ease; }


/*** Map items - Border colour ***/

.leadingLists ul li.academia span { border-color: #36b156; }
.leadingLists ul li.bio span { border-color: #f8b10d; }
.leadingLists ul li.hospital span { border-color: #25998c; }
.leadingLists ul li.pharma span { border-color: #f8b10d; }
.leadingLists ul li.other span { border-color: #30abdf; }
.leadingLists ul li.environ span { border-color: #95ad34; } 
.leadingLists ul li.energy span { border-color: #29c2ff; } 
.leadingLists ul li.food span { border-color: #8ec349; } 
.leadingLists ul li.gov span { border-color: #d7dd3a; } 
.leadingLists ul li.agric span { border-color: #d1d2d4; } 

.leadingLists ul li.research span { border-color: #36b156; }
.leadingLists ul li.analyst span { border-color: #f8b10d; }
.leadingLists ul li.lab span { border-color: #25998c; }
.leadingLists ul li.pro span { border-color: #f8b10d; }
.leadingLists ul li.eng span { border-color: #30abdf; }
.leadingLists ul li.cli span { border-color: #95ad34; } 
.leadingLists ul li.pother span { border-color: #29c2ff; }


/*** Map items - Percentage ( Correct percentage calculation is 0.6 x [the percentage] ) ***/

.leadingLists ul.loadWidth li.academia span.mPercent { width: 33%; }
.leadingLists ul.loadWidth li.bio span.mPercent { width: 17%; }
.leadingLists ul.loadWidth li.hospital span.mPercent { width: 15%; }
.leadingLists ul.loadWidth li.pharma span.mPercent { width: 14%; }
.leadingLists ul.loadWidth li.other span.mPercent { width: 7%; }
.leadingLists ul.loadWidth li.environ span.mPercent { width: 6%; } 
.leadingLists ul.loadWidth li.energy span.mPercent { width: 5%; } 
.leadingLists ul.loadWidth li.food span.mPercent { width: 4%; } 
.leadingLists ul.loadWidth li.gov span.mPercent { width: 4%; } 
.leadingLists ul.loadWidth li.agric span.mPercent { width: 2%; } 

.leadingLists ul.loadWidth li.research span.mPercent { width: 40%; }
.leadingLists ul.loadWidth li.analyst span.mPercent { width: 10%; }
.leadingLists ul.loadWidth li.lab span.mPercent { width: 20%; }
.leadingLists ul.loadWidth li.pro span.mPercent { width: 8%; }
.leadingLists ul.loadWidth li.eng span.mPercent { width: 6%; }
.leadingLists ul.loadWidth li.cli span.mPercent { width: 10%; } 
.leadingLists ul.loadWidth li.pother span.mPercent { width: 3%; } 

.visible { opacity: 1; }


/*** Chooser ***/

#memFields { display: block; }

#chooser { display: block; float: left; width: 200px; }
#chooser ul li { padding: 8px 12px; background: #e9e9e9; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }
#chooser ul li:hover, #chooser ul li.flex-active { background: #36b156; color: #fff; }

#slideBox { display: block; float: right; width: 515px; }
#slideBox h2 { padding-bottom: 20px; }
#slideBox h2 span { color: #222222; padding-left: 10px; }

#slideBox .slide ul { display: block; width: 48%; }
#slideBox .slide ul li { padding-bottom: 10px; }
#slideBox .slide ul li span { width: 210px; display: inline-block; }

/*** footer ***/

footer { background: #ebebeb; padding: 35px 0; }
footer ul { display: block; margin: auto; text-align:center; margin-left:13%;}
footer ul li { display: block; padding-right: 15px; margin-right: 15px; border-right: 1px solid #909090; float: left; }
footer ul li:last-child { padding-right: 0; border-right: none; margin-right: 0; }


/*** IE Fixes ***/

#ie7 .sidebar ul li.active { background: url(../images/ieArrow.jpg) 0 3px no-repeat; }
#ie7 header, #ie8 header { border-bottom: 1px solid #d7d7d7; }

/** Services menu **/
.servicesMenu ul li { position: relative; padding: 0 0 10px 20px; }
.servicesMenu ul li.active a { color: #222222; }
.servicesMenu ul li.active:before { 
	position: absolute;
	top: 3px;
	left: 0;
	content: "";
	width: 0; 
	height: 0; 
	border-bottom: 7px solid transparent;  /* left arrow slant */
	border-top: 7px solid transparent; /* right arrow slant */
	border-left: 7px solid #36b156; /* bottom, add background color here */
	font-size: 0;
	line-height: 0; 
} 

.servicesMenu ul li a { font-weight: 800; color: #222222; }
.servicesMenu ul li a:hover { color: #36b156; }
.servicesMenu section { padding-bottom: 30px; }

.green-link {text-decoration: underline;}

.grayColour {color:#808080;}

#Services h2, h3, h4 { line-height: 1.2em; color:#222222;/*font-weight: bold;*/}

#Services h1 { line-height: 1.2em; color:#36b156;/*font-weight: bold;*/}

/* Success Stories */

.StoriesImage{}

/*Industry-Leading Content*/

.LeadingContent h3 { line-height: 2.6em; font-weight: bold; margin-top: 30px;}



.LeadingContentLeft {float: left; width:340px; margin-top: 15px; height:100%; margin-bottom: 15px;}

.LeadingContentRight a, .LeadingContentLeft a{/*font-size: 0.85em;*/ font-weight:bold;}

.LeadingContent a{font-size: 1em; font-weight:bold;}

.LeadingContentRight {float: right; width:365px; margin-top: 15px; height:100%; margin-bottom: 15px;}

.Reviews h3, .customerVideos h3, .Webinars h3 {color:#36b156; margin-top:20px; font-weight: bold;}

.videoBoxLeft {float: left; width:33%;}


span.green {
  background: #36b156;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}

.my-icon {
    position: relative;
}
.my-icon > i {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.6em solid transparent;
    border-left: 0.6em solid #36b156;
    margin-right: 20px;
    left: 0em;
    top: 0em;
}

.bqstart {
float: left;
height: 45px;
margin-top: -20px;
padding-top: 45px;
margin-bottom: -50px;
font-size: 700%;
color: #838488;
}

/*Scientists Choice Awards*/

.ScientistsAwards   {margin-bottom: 40px;}

.ScientistsAwards h3 { line-height: 2.6em; font-weight: bold; margin-top: 30px; margin-bottom: 10px;}


.ScientistsAwards a{font-size: 1em; }

span.green {
  background: #36b156;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em; 
}

.Awards-icon {
    position: relative;
}
.Awards-icon > i {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.6em solid transparent;
    border-left: 0.6em solid #36b156;
    margin-right: 20px;
    left: 0em;
    top: 0em;
    /*position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    border: 0.6em solid transparent;
    border-left: 0.6em solid #36b156;
    margin-right: 20px;
    left: 3em;
    top: 0em;*/
}

.bqstart {
float: left;
height: 45px;
margin-top: -20px;
padding-top: 45px;
margin-bottom: -50px;
font-size: 700%;
color: #838488;
}
#sidebar-wrapper {
    padding-top:50px;
    padding-left:30px;
}
.sidebar-nav li a {
    font-size:18px;
    font-weight:600;
    color:#4b4b4b;

}
.sidebar-nav li a:hover, .sidebar-nav li a.active {
    color:#296f3d;
    font-weight:800;
    text-decoration:none;
} 
.sidebar-nav > li {
    padding-bottom:20px;
}


.nav li.dropdown-media > a {
    background-color: #D7B576 !important;
    color:black !important;
    margin-right:0px;
}
.nav li.dropdown-media > a:hover, .nav li.dropdown-media.open > a {
    background-color: #D7B576 !important;
}
.container {
    background-color:#ffffff;
}

.nav li.dropdown-media > a.featured-tab {
    background-color: #FFAE00 !important;
    color:white !important;
    margin-right:0px;
}
.nav li.dropdown-media > a.featured-tab:hover {
    background-color: #eb9316 !important;
}

.bullet {
    list-style-type: none;
    position: relative;
    padding-left: 32px;
}
.bullet li:before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    left: 0px;
    margin-top: 10px;
    background-color: #36b156;
}
    .bullet li {
        font-size:30px;
        font-weight:300;
    }

    .contentBox {
        padding-top: 30px; 
        padding-right:20px;
    }

    .round-button {
	width:95%;
    margin-left:10px !important;
}


.round-button-circle1 {
	width: 100%;
	height:0;
	padding-bottom: 95%;
    border-radius: 55%;

    overflow:hidden;
    border:12px solid #36b156;
  
    background: #fff; 
    text-align:center;
 
}

.round-button-circle1:hover { 

    background-color:#fff;
      border:12px solid #d7efdd;
  
}
.round-button a {
    display:block;
	float:left;
	width:100%;
	padding-top:30%;
    padding-bottom:65%;
	line-height:1em;
	margin-top:-0.5em;
    
	text-align:center;
	color:#36b156;
   
    font-size:3.0vw;
    font-weight:300;
    text-decoration:none;
    padding-left:3%;
    padding-right:3%;
}

.round-button p {
    
    font-size:1.5vw;
    font-weight:500;
     color:#4b4b4b;
   
}
.enlarge img{
    box-shadow:10px 10px 5px #888888;
}

a.enlarge span { background-image:url(/mediapack/images/zoom.png); background-repeat:no-repeat; width:48px; height:48px; position:absolute; right:50px; top:15px;}
 .gr-highlight {font-weight:bold;}

 .feature-quote {font-size:20px !important; margin-top:30px !important;}

 @media (max-width: 992px)
 {
     .container {padding-left:20px !important;}
 }

         /*flowplayer control colors*/
        .flowplayer .fp-progress { background-color: #296f3d !important;}
        .flowplayer .fp-controls { background-color: #36b156 !important;}
        .is-splash.flowplayer .fp-ui, .is-paused.flowplayer .fp-ui {background: url(/images/icons/play_large.png) center no-repeat !important;
                                                                    background-size:12% !important;
        }
        .fp-fullscreen {
            background-color: #36b156;
            background-position: 8px -197px !important;
        }
        .fp-time {display:none; color:#36b156 !important;}
        .fp-duration {display:none; color:#36b156 !important;
        }
        .flowplayer .fp-unload, .flowplayer .fp-close {display:none !important;}
        /*center a image*/

.carousel-inner .quote {
	font-weight:300;
    font-size:28px;
}
.carousel-inner .name {
	font-weight:bold;
    font-size:18px;
    padding-bottom:0px;
    margin-bottom:0px;
}
.carousel-inner .org {
    font-size:18px;
    padding-bottom:0px;
    margin-bottom:0px;
}
@media (max-width: 992px) {
    .carousel-inner .active div {
        height: 450px !important;
    }
}
.carousel-indicators {
	left:0 !important;
	width:100% !important;
	padding: 0px 0px !important;
	margin-left:0 !important;
    margin-bottom:0px !important;
}
.carousel-indicators li {
	background:#4b4b4b !important;
    border:none !important;
	
}
.carousel-indicators .active {
		width:10px!important;
	    height:10px!important;
       	background:#36b156 !important;
	    border:none !important;
        padding: 0px 0px !important;
        margin:1px !important;
}
.carousel-inner .thumbnail {
	margin-bottom:0;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.carousel-inner .caption {
	background:#ddd;
	padding: 0px;
}
.green-title {
    display:block;
	float:left;
	width:100%;
	padding-top:25%;
	line-height:1em;
	margin-top:-0.5em;
    
	text-align:center;
	color:#36b156;
   
    font-size:2.2vw;
    font-weight:bold;
    text-decoration:none;
}

.input-lg, .form-group-lg .form-control {
    width: 100% !important;
}