﻿body {
	margin:0;
	line-height:20px;
	letter-spacing:0.5px;
	font-size:13.5px;
	font-weight:400;
	color:rgba(0,0,0,0.75);
}
body,input,textarea,button{font-family: 'Lato', sans-serif;}
img {
	vertical-align:middle;
}
ul {
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:14px;
}

a {
	text-decoration:none;
	color:inherit;
}
.container {
    width:1100px;
	width:calc(100% - 30px);
	margin:0 auto;
	padding:0 15px;
}
.container:after{content:""; display:block; clear:both;}
h2 {
	margin:2em 0 0.7em;
	font-size:20px;
}
q {
	display: block;
	margin: 20px 3px;
	font-weight:700;
	font-size: 19px;
	letter-spacing: 1px;
}
strong {
	font-size:1.1em;
}
abbr{text-decoration:none;}
h2:first-of-type{
	margin-top:1.5em;
}
h3 {
	margin:2.2em 0 0.5em;
	padding-bottom:2px;
	font-weight:700;
	font-size:17px;
}
h2+h3 {
	margin-top:0.7em;
}
/*h2+p {
	margin-top:0em;
}
h3+p {
	margin-top:0.5em;
}*/
h4 {
	margin:1.5em 0 0.3em;
	font-size:18px;
}
h5 {
	font-size: 15px;
	margin: 1em 0 0.5em;
}

.desktop{display:block;}
.resp{display:none;}
.screen-reader-text{position:absolute; clip:rect(1px,1px,1px,1px); clip-path:polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%); width:1px; height:1px; overflow:hidden;}
.reveal-on-focus{top:0; left:0;}
.reveal-on-focus:focus{position:static; clip:initial; clip-path:initial;}
header{position:fixed; top:0; left:0; width:100%; box-shadow:0 1px 5px rgba(0,0,0,0.5); z-index:10; background:#fff;}
#home{padding:10px 0; margin-left:-10px; float:left;}
#home a{display:inline-block;}
#menu-toggle{width:35px; height:35px; background-color:#293a38; border:none; border-radius:2px; padding:0; display:none;}
#hamburger{background-color:#ffd64f; display:block; width:25px; height:3px; margin:0 auto; position:relative;}
#hamburger:after,#hamburger:before{content:""; width:25px; height:3px; background-color:#ffd64f; position:absolute; left:0; top:-8px;}
#hamburger:before{top:8px;}
header nav,.topmenu{float:right;}
nav ul{font-size:13px;}
.topmenu{margin:10px 0;}
.t-lvl-1{display:inline-block; border-left:1px solid #e4e4e4;}
.t-lvl-1-a-img{vertical-align:-3px;}
.t-lvl-1-a{padding:10px;}
.t-lvl-1:first-of-type{border-left:none; margin-right:10px;}
.mainmenu{clear:both; border-top:1px solid #e4e4e4; position:relative; font-weight:700;}
.mainmenu:after{content:""; display:block; clear:both;}
.lvl-1{float:left;}
.lvl-1-a{padding:14px 40px; display:block; cursor:pointer;}
.submenu{display:none; position:absolute; left:0; top:100%; background-color:#fff; padding:15px 25px; width:100%; box-sizing:border-box; box-shadow:0 6px 5px rgba(0,0,0,0.4); border-top:2px solid #ffd64f;}
.lvl-2-a{display:block; line-height:18px;}
.submenu-sustainability .lvl-2:last-child a{display:inline-block;}
.lvl-3{padding-left:12px; margin:6px 0; position:relative; line-height:18px;}
.lvl-3::before{content:""; position:absolute; top:7px; left:0; border:3px solid transparent; border-left:4px solid #293a38;}
.lvl-3-a{font-weight:400; display:block;}

@media screen and (min-width:901px){
.submenu-business-segments .lvl-2{padding-right:30px;}
.submenu-business-segments .lvl-2:first-child{width:149px}
.submenu-business-segments .lvl-2:nth-child(2){width:186px;}
.submenu-business-segments .lvl-2:nth-child(3){width:164px;}
.submenu-business-segments .lvl-2:last-child{width:95px; padding-right:0;}
.submenu-investors .lvl-2:first-child{width:107px;}
.submenu-investors .lvl-2:nth-child(2){width:127px;}
.submenu-investors .lvl-2:nth-child(3){width:110px;}
.submenu-investors .lvl-2:last-child{width:145px;}
}

@media (min-width:811px) and (max-width:900px){
.submenu-business-segments .lvl-2:first-child{width:148px}
.submenu-business-segments .lvl-2:nth-child(2){width:151px;}
.submenu-business-segments .lvl-2:last-child{width:145px;}
.submenu-investors .lvl-2:first-child{width:85px;}
.submenu-investors .lvl-2:nth-child(2){width:127px;}
.submenu-investors .lvl-2:nth-child(3){width:110px;}
.submenu-investors .lvl-2:last-child{width:142px;}
}
.lvl-1:hover .submenu{display:block;}
@media (min-width:811px){
.submenu-aboutus .lvl-2:nth-of-type(2n),.submenu-sustainability .lvl-2:nth-of-type(2n){margin-top:1em;}
.lvl-1:hover .submenu{display:block;}
.lvl-1:hover .lvl-1-a{background-color:#ffd64f;}
.submenu-aboutus,.submenu-sustainability{display:block; display:flex; flex-flow:column wrap; height:54px;}
.submenu-investors,.submenu-business-segments{display:block; display:flex; justify-content:space-between;}
}

@media screen and (max-width:900px){
.lvl-1-a{padding:20px 30px;}
}

@media screen and (max-width:810px){
#menu-toggle{display:inline-block; cursor:pointer; float:right; margin-top:28px;}
#menu-toggle[aria-expanded="true"]{position:fixed; right:45px; z-index:1002;}
#menu{display:none; background-color:#ffd64f; position:fixed; top:0; left:0; bottom:0; width:100%; z-index:1001; overflow-y:auto; height:100%;}
#menu.menu-showing,.submenu.show{display:block;}
.topmenu{float:none;}
.mainmenu{border-top:none;}
.lvl-1{float:none; font-size:30px; border-bottom:2px solid peru;}
.lvl-1-a{padding:30px; line-height:1.2;}
.lvl-1-a:after{content:"►"; font-size:0.5em; margin-left:1em; vertical-align:middle}
.submenu{position:static; box-shadow:none; background:none;}
}
@media screen (min-width:672px) and (max-width:810px){
.container{width:calc(100% - 90px);}
}
@media screen and (min-width:769px){
main{min-height:calc(100vh - 176px);}
}
@media screen and (max-width:768px){
.mainmenu li.desktop{display:none;}
.resp{display:block;}
.resp .lvl-3{margin:7px 0px;}
header nav.showing{display:block; animation-name:slideIn; animation-duration:0.5s; animation-timing-function:ease; transform:translateY(0);}
@keyframes slideIn{
0%{transform:translateY(-100%);} 100%{transform:translateY(0);}
}
.lvl-1{display:block; font-size:20px; padding:10px 0px 10px 0px;}
.lvl-1 > .submenu,.submenu-3,.submenu-4{position:static; /*display:none;*/ border-top:none; height:auto; overflow:hidden; padding:0 0 0 15px; transition:height 0.5s ease;}
.submenu-2{position:static; border-top:none; height:auto; overflow:hidden; padding:0 0 0 15px; transition:height 0.5s ease;}
.mainmenu li{display:block;}
.submenu-aboutus-list,.submenu-sustainability-list{-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;}

.lvl-1:hover{background-color:transparent;}
/*.lvl-1:hover > .submenu,.submenu-2,.submenu-3{display:none;}
.lvl-1:hover > .submenu-investors{display:none;}*/
.lvl-2{text-transform:none; margin:0;}
.lvl-2 > a{display:block; margin:0px; padding: 5px 0px 5px 5px;}
.lvl-2:first-of-type{margin-top:5px;}
.lvl-1 > a {padding: 10px 0px 5px 15px;}
.submenu-business-segments .lvl-2{display:block;}
.submenu-aboutus-list,.submenu-sustainability-list{display:block; height:auto;}
.reveal{width:auto;}
.lvl-1:nth-child(1) > a{margin:25px 0px 0px 0px;}
.submenu-aboutus-list li, .submenu-sustainability-list li{margin:0px;}
.close{background-color:#293a38; color:#fff; top:28px; right:20px; height:35px; width:35px; position:absolute; z-index:99; border:none; cursor:pointer; display:inline-block; border-radius:2px;}
.t-lvl-1{border-left:1px solid #ffd139;}
.topmenu{float:none; margin: 70px 0 15px 0; text-align:center;}
.has-sub{position:relative;}
.submenu-investors{display:block; flex-flow:column wrap; text-align:left; width:100%;}
.submenu-investors .lvl-2, .submenu-business-segments .lvl-2, .submenu-aboutus-list li, .submenu-sustainability-list li{width:100%;}
.mainmenu{width:90%; margin:0px auto; text-align:left;}
.ico{position:absolute;right:20px;top:0px;width: 28px;    border: none;
    background: none;display:block;}
.iconplus:after{content:'+'; font-size:18px; font-weight:normal;}
.iconminus:after{content:'-'; font-size:18px; font-weight:normal;}
.desktopnone{display:block;}
.respnone{cursor:pointer;}

}

@media screen and (max-width:625px){
.t-lvl-1:last-of-type{display:block; margin:20px auto; width:100%; text-align:center;}
.t-lvl-1{margin:0; padding:0;}
.t-lvl-1:first-of-type{margin:0; width:80px;}
.t-lvl-1 a{display:block; padding:7px 30px;}
}

@media screen and (max-width:490px){
.t-lvl-1 a{padding:7px 20px;}
.t-lvl-1:first-of-type{width:60px;}
}

.level-1{background-color:#293a38; color:#ffd64f;}
.level-1 > li:hover{color:#293a38; background-color:#ffd64f;}
.level-2{background-color:rgba(41, 58, 56, 0.95); color:#ffd64f;}
dt{margin:0; font-weight:600; font-size:12px;}
/*dt:after{content:"-"; margin:0 5px;}*/
dd{margin:10px 0; display:block;}

.banner-container {
	height:445px;
	display:table;
	width:100%;
	position:relative;
}
.banner {
	position:absolute;
	top:50%;
	left:45%;
	transform:translate(-50%, -50%);
	width:900px;
	opacity:0;
   -webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
	transition:all 1s ease;
	z-index:-1;
}
.banner div {
	display:inline-block;
	vertical-align:middle;
	width:430px;
	margin:0 70px 0 0;
	transition:all 1s ease;
}
.hero-text p {
	text-transform:uppercase;
	font-size:26px;
	font-weight:300;
	color:#364745;
	line-height:50px;
	margin:0;
}
.hero-support-text{
	font-size:16px;
	line-height:1.5;
	width:530px;
}
.banner ul {
	padding:0;
	list-style-type:none;
	margin:1.4em 0;
}
.banner ul li {
	display:inline-block;
	font-weight:300;
	font-size:20px;
}
.banner ul li:nth-child(2) {
margin:0 10px;
position:relative;
}
.banner ul li:nth-child(2)::before, .banner ul li:nth-child(2)::after {
content:"";
display:block;
position:absolute;
width:5px;
height:5px;
top:50%;
background-color:#364745;
border-radius:50%;
}
.banner ul li:nth-child(2)::before {
left:-9px;
}
.banner ul li:nth-child(2)::after {
right:-9px;
}
.banner p span {
	font-weight:400;
	font-size:70px;
	display:block;
	letter-spacing:-.025em;
}
.banner:nth-of-type(2) p span{
	margin-left:-5px;
}
#now-showing {
	opacity:1;
	z-index:4;
	left:59%;
}
/*#now-showing div{margin-left:230px;}
/*#now-showing img{position:absolute; top:10px; animation-name:complement; animation-duration:10s; }*/
#banner-left {
	transform:rotate(180deg);
	left:0;
	z-index:5;
}
#banner-right {
	left:100%;
	transform:translateX(-100%);
	z-index:5;
}
/*img[src*='banner-arrow.png'] {
position:absolute;
top:220px;
cursor:pointer;
}
img[src*='banner-arrow.png']:hover {
background-color:rgba(255, 255, 255, 0.2);
}*/
.bg-masks {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	z-index:-1;
	height:100%;
	background-position:top;
}
/*#transparent{animation-name:transparent; animation-duration:2s;}*/
#toggle {
	background-image:url(../images/bg-1.jpg); /*animation-name:opaque; animation-duration:2s;*/
	transition:all 2s ease;
}
.message {
	margin-top:30px; /*outline:1px solid red;*/
	padding-right: 51px;
	text-align:center;
}
img[src$="jasti.png"] {
margin:4px 10px 4px 0px;
position:relative;
}
.message > span {
	position:relative;
	display:inline-block;
}
.message > span:before {
	content:url('../images/abstract.png');
	position:absolute;
	left: -32px;
	bottom: -4px;
	opacity:0.8;
	z-index:-1;
	opacity:0.37;
}
.message p {
	display:inline-block;
	width:461px;
	vertical-align:middle;
	font-size:15px;
	font-weight:400;
	text-align:justify;
	margin:0;
}
.message .learn-more p{
	width:95px;
	text-align:left;
	padding:13px 6px 13px 10px;
	font-weight:300;
	font-size:17px;
	background-color:#293a38;
	position:relative;
	margin: 0 28px;
	color:inherit;
}
.learn-more{
	color:#ffd64f;
	text-decoration:none;
    display:inline-block;
	vertical-align:middle;
}
.learn-more p:before {
	content: "";
	height: calc(50% + 1px);
	width: calc(100% + 20px);
	position: absolute;
	background: #293a38;
	top: 0;
	transform: skewX(20deg);
	left: -8px;
	z-index: -1;
}
.learn-more p:after {
	content: "";
	height: calc(50% + 1px);
	width: calc(100% + 20px);
	position: absolute;
	background: #293a38;
	bottom: -1px;
	transform: skewX(-20deg);
	left: -8px;
	z-index: -1;
}
.learn-more:hover p,
.learn-more:focus p,
.learn-more:hover p:before,
.learn-more:focus p:before,
.learn-more:hover p:after,
.learn-more:focus p:after{
	background-color:#ffd64f;
}
.learn-more:hover p,
.learn-more:focus p{
	color:#293a38;
}
.learn-more span:after {
	content:'\276F \276F';
	font-size:10px;
	margin:0 0 0 5px;
	vertical-align:middle;
}
.services {
	width:100%;
	background-color:rgba(255, 255, 255, 0.4);
	margin-top:30px;
	padding:15px 0px;
	color:#293a38;
}
.services section {
	display:block;
	padding-left:73px;
	background-repeat:no-repeat;
	min-height:80px;
	position:relative;
}
.services section:before{content:""; position:absolute; background:url('../images/all.png') no-repeat; width:65px; height:156px; left:0;}
.services section span a{
    float: right;
    font-size: 12px;
    font-weight:700;
    letter-spacing: 1px;

}
.services section:first-child:before {
background-position:-4px -57px;
}
.services section:nth-child(2):before {
background-position:-720px -57px;                   
}
.services section:nth-child(3):before {
background-image:url('../images/dddss.png');
}
/*.services section:last-child:before {
background-position:-140px -57px;
}*/
.services h1 {
	font-size:15px;
	font-weight:600;
	margin:10px 0px 5px;

}
.services p {
	font-size:14px;
	font-weight:400;
	margin:0;
}
.news-awards{
  display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
        justify-content: space-around;
-webkit-box-align: start;
-webkit-align-items: flex-start;
   -moz-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
  margin:68px auto;
}
.news, .awards {
	
	vertical-align:middle;
}
.news ul, .awards ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.news ul{white-space:nowrap; overflow:hidden;}
.news ul li{white-space:normal; width:100%; display:inline-block; vertical-align:top; transition:all 0.5s ease;}
.news h1 {
	font-size:15px;
	font-weight:400;
	margin:0 0 5px;
}
.news li {
	font-size:14px;
	font-weight:300;
}
.news{
	width:40%;
	padding:0 25px;
	border-left:2px solid #364745;
	border-right:2px solid #364745;
	position:relative;
	display:inline-block;
	vertical-align:middle;
}
.news img[src*="arrow.png"] {
position:absolute;
top:50%;
cursor:pointer;
}
.news img[src*="arrow.png"]:hover {
background-color:rgba(255, 255, 255, 0.15);
}
.news img[src*="right-arrow.png"] {
right:0;
transform:translate(100%, -50%);
padding:20px 20px 20px 0;
}
.news img[src*="left-arrow.png"] {
  left:0;
  transform:translate(-100%, -50%);
  padding:20px 0 20px 20px;
}
.events{
  text-align:center;
  width:40%;
}
.events h1{
  margin-top:0;
}
@media (max-width:864px){
.news-awards{
  display:block;
}
.news, .events{
  width:100%;
  margin:100px auto 0;
}
}
.awards {
	padding:30px 0 30px 55px;
/*	background-image:url('../images/award-bg.png'); */
	background-repeat:no-repeat;
	width:310px;
	margin-left:7px;
	display:none;
}
.awards li {
	font-size:15px;
	font-weight:400;
}
footer {
/*	background-color:#293a38;*/
background-color:rgba(0,0,0,0.8);
	padding:13px 0;
	line-height:25px;
	margin-top:30px;
	text-align:center;
}
footer .container {
	font-size:12px;
	font-weight:400;
/*	color:#86908f;*/
	color:rgba(255,255,255,0.7);
}
footer a {
	color:inherit;
	text-decoration:none;
	margin:0 6px;
}
footer p {
	display:inline-block;
	margin:0;
	color:inherit;
}
.page-title {
	height:200px;
	background-color:/*rgba(41, 58, 56, 0.9)*/#ffd64f;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	margin-top:89px;
}






.page-title h1.container {
	text-align:right;
	position:relative;
	top:45%;
	font-weight:400;
	color:#000;
}











.sidebar {
	display:inline-block;
	width:250px;
	vertical-align:top;
	box-sizing:border-box;
	margin:20px 0;
}
.sidebar nav {
	position:static;
	background-color:initial;
	height:auto;
}
.sidebar nav h1,.no-sub{font-size:18px;}
.no-sub{list-style-type:none; font-weight:700; margin:20px 0;}
.no-sub a.active{color:#6F928E;}
.sidebar ul li a {
	padding:10px 20px 10px 13px;
	display:block; /*background-color:#FFD64F;*/
	color:#293A38;
	border-bottom:1px dotted #293A38;
	font-size:14px;
	position:relative;
}
.sidebar ul li a:hover {/*background-color:#293A38;*/
	color:#6F928E;
}
.sidebar ul li a:before {
	content:".";
	font-size:20px;
	position:absolute;
	left:0;
	top:2px;
}
.sidebar ul li ul {
	padding-left:20px;
}
.sidebar + .content {
	display:inline-block;
	width:calc(100% - 285px);
	padding:5px 0 0 30px;
	
}
.content {
	margin:20px 0;
	min-height:calc(100vh - 391px);
}
.content ul {
	padding-left:15px;
	list-style:disc;
}
.content ul li{
 margin:0.5em 0;
}
a[href="pdf/ISOcertificates.pdf"] {
	text-decoration:underline;
}

#breadcrumb{margin:0 0 20px; padding:0; list-style:none; font-size:12px;}
#breadcrumb li{display:inline-block;}
#breadcrumb li:after{content:"\276F"; margin:0 3px 0 6px; font-size:8px; color:#999;}
#breadcrumb li:last-child:after{content:normal;}
.content table td {
	text-align:center;
	vertical-align:middle;
	padding:10px 0;
	font-size:14px;
}
/*.content table td:hover{
color:#4478c7;
}*/
.content table td, .content table th {/*border-left:1px solid #000; border-right:1px solid #000;*/
	border:1px solid #000;
	padding:10px;
}
.content table th {
	background-color:#293a38;
	color:#ffd64f;
}
.content table {
	border:1px solid #000;
	border-collapse:collapse;
}
table a[href$=".pdf"]:hover img[src*="document-icon.png"] {
transform:scale(1.2);
transition:all 0.1s ease;
}
table a[href$=".pdf"] {
display:block;
}
.content .intermediates {
	padding-left:0;
}
.content .intermediates li {
	list-style-type:none;
	width:32%;
	margin-bottom:30px;
	text-align:center;
	display:inline-block;
	min-width:180px;
	box-shadow:1px 1px 10px #ddd;
	position:relative;
}
.content .intermediates li:before, .content .intermediates li:after {
	content:"";
	display:block;
	position:absolute;
	z-index:-1;
	transition:all 0.6s ease;
	width:0;
	height:0;
}
.content .intermediates li:before {
	top:0;
	left:0;
}
.content .intermediates li:after {
	bottom:0;
	right:0;
}
.content .intermediates li:hover:before {
	border-top:1px solid #293a38;
	border-left:1px solid #293a38;
	width:calc(100% - 1px);
	height:205px;
}
.content .intermediates li:hover:after {
	border-bottom:1px solid #293a38;
	border-right:1px solid #293a38;
	width:calc(100% - 1px);
	height:205px;
}
.content .intermediates li:hover {
	box-shadow:none;
}
.content .intermediates li a {
	display:block;
	padding:165px 0 20px;
	background-repeat:no-repeat;
	background-position:center;
}
.content .intermediates li:nth-child(1) a {
background-image:url(../images/structures/2-Trifluoro-methyl-4,6-dihydroxy-pyrimidine.gif);
}
.content .intermediates li:nth-child(2) a {
background-image:url(../images/indoles_files/indole1.gif);
}
.content .intermediates li:nth-child(3) a {
background-image:url(../images/structures/5922-60-1.gif);
}
.content .intermediates li:nth-child(4) a {
background-image:url(../images/structures/10512-21-2.gif);
}
.content .intermediates li:nth-child(5) a {
background-image:url(../images/structures/253-52-1.gif);
}
.content .intermediates li:nth-child(6) a {
background-image:url(../images/structures/chiral1.gif);
}
.content .intermediates li:nth-child(7) a {
background-image:url(../images/structures/carbohydrates1.gif);
}
.content .intermediates li:nth-child(8) a {
background-image:url(../images/others_files/other_1.gif);
}
.content .documents, .content .overtheyears {
	padding-left:0;
}
.overtheyears {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.content .documents {
	text-align:center;
	background-color:#F5F5F5;
	padding:20px 0;
}
.content .documents li, .content .overtheyears li {
	list-style-type:none;
	display:inline-block;
	vertical-align:top;
}
.content .documents a {
	display:block;
	width:200px;
	padding-top:130px;
	background-image:url('../images/document-icon.png');
	background-repeat:no-repeat;
	background-position:top;
	font-size:14px;
	text-align:center;
	margin:0 auto;
}
.content .overtheyears li a {
	display:block;
	width:200px;
	padding-top:150px;
	margin-bottom:12px;
	font-size:14px;
	position:relative;
	text-align:center;
}
.content .overtheyears li a:before {
	content:"";
	width:40%;
	height:115px;
	border:3px solid #e4e4e4;
	display:block;
	position:absolute;
	top:20px;
	z-index:-1;
	left:50%;
	transform:translateX(-50%);
	border-radius:5px;
	background-image:url('../images/logo-pic-color.png');
	background-repeat:no-repeat;
	background-position:50% 19%;
	opacity:0.8;
	transition:all 0.3s ease;
}
.content .overtheyears li a:after {
	content:attr(data-year);
	color:#807676;
	font-size:20px;
	position:absolute;
	top:96px;
	left:50%;
	transform:translateX(-50%);
}

.background-page .page-title,
.history-page .page-title,
.mission-page .page-title,
.directors-page .page-title,
.locations-page .page-title,
.pressreleases-page .page-title,
.careers-page .page-title,
.contactus-page .page-title{background-image:url('../images/about_back.jpg');}

.crams-page .page-title,
.formulationdevelopmentcenter-page .page-title,
.drugdiscoveryresearch-page .page-title,
.discoverypipeline-page .page-title,
.patentpipelineandportfolio-page .page-title,
.researchpublications-page .page-title,
.scientificpresentations-page .page-title{background-image:url('../images/crams.jpg');}

.syntheticandmedicinalchemistry-page .page-title{background-image:url('../images/synthetic-and-medicinal-chemistry.jpg');}
.analyticalchemistry-page .page-title{background-image:url('../images/analytical-chemistry-banner.jpg');}
.drugdiscoverydevelopmentsupport-page .page-title{background-image:url('../images/DDDSS-banner.jpg');}
.invitrobiology-page .page-title{background-image:url('../images/invitro-biology-banner.jpg');}
.adme-page .page-title{background-image:url('../images/adme-banner.jpg');}
.pharmacology-page .page-title{background-image:url('../images/pharmacology-banners-03.jpg');}
.toxicology-page .page-title{background-image:url('../images/toxicology-banner.jpg');}
.bioanalysis-page .page-title{background-image:url('../images/bioanalysis-banner.jpg');}
.nceformulations-page .page-title{background-image:url('../images/nce-formulations-banner.jpg');}

.quarterlyreleasearchives-page .page-title,
.quarterlyrelease-page .page-title,
.annualreports-page .page-title,
.annualreportsarchives-page .page-title,
.subsidiaryaccounts-page .page-title,
.statutorycommunications-page .page-title,
.stockinformation-page .page-title,
.agm-page .page-title,
.egm-page .page-title,
.unpaiddividend-page .page-title,
.unpaiddividendsarchives-page .page-title,
.others-page .page-title,
.presentationtoanalystsinvestors-page .page-title,
.newsandevents-page .page-title,
.newspaperads-page .page-title,
.ecs-page .page-title,
.qip-page .page-title,
.stockoption-page .page-title,
.preliminaryplacementdocument-page .page-title,
.placementdocument-page .page-title,
.policiesdocuments-page .page-title{background-image:url('../images/investors.jpg');}

.quality-page .page-title,
.shepolicy-page .page-title,
.accreditation-page .page-title,
.corporatesocialresponsibility-page .page-title,
.csrgallery-page .page-title{background-image:url('../images/sustainability.jpg');}

.overtheyears li a:hover:after {
	color:#293a38;
}
.overtheyears li a:hover:before {
	background-image:url('../images/logo-pic-color.png');
	opacity:1;
}
.sidebar ul li a.active {
	color:#6F928E;
	font-weight:700;
	font-size:16px;
}
.sidebar div{
    position:relative;
	padding: 10px 20px 10px 13px;
}
.sidebar div:before{
    content:".";
	position:absolute;
	left: 0px;
	top: 4px;
	font-size: 18px;
}
.background ul li {
	margin:0 0 10px;
}
.content ul.products li {
	list-style-type: none;
	font-size: 25px;
	color: #D2691E;
	font-weight:700;
	margin-bottom: 20px;
	position:relative;
}
.content ul.products li:before {
	content:"";
	display:block;
	width:15px;
	height:2px;
	background-color:#000;
	position:absolute;
	top:50%;
	left:-9px;
	transform:translateX(-100%);
}
.content ul.products {
	padding:0 0 0 30px;
}
.contactus {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.contactus section {
	display:inline-block;
	width:33%;
	vertical-align:top;
	align-items:flex-start;
}
.contactus section h2 {
/*	text-decoration:underline;*/
	font-size:25px;
}
.contactus section h3 {
	font-size:20px;
	margin-bottom:0;
	margin-top:20px;
}

.contactus form{
margin-top:20px;
}
input, textarea{
margin-bottom:13px;
padding: 5px;
width: 100%;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}
input[type="file"]{
padding:0;
}
input{height:39px;}

.contactus textarea{height: 70px;}

.contactus input[type="submit"],
.contactus input[type="reset"]{
  width:23%;
  letter-spacing:1px;
  cursor:pointer;
}

input:focus,textarea:focus{
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
   border-color: #66afe9;
}
.contactus section dl dt {
	width:70px;
	float:left;
}
.contactus section h3+dl {
	margin-top:8px;
}
.contactus .intro {
	font-weight:700;
	margin:30px 0;
	font-size:22px;
}
.content ul.drug-discovery {
	padding-left:20px;
}
.content ul.drug-discovery li {
	list-style-type:none;
	position:relative;
	margin-bottom:10px;
}
.content ul.drug-discovery li:before {
	content:"";
	display:block;
	width:10px;
	height:2px;
	background-color:#000;
	top:10px;
	left:-15px;
	position:absolute;
}
a[href*='mailto'] {
color:#5F9EA0;
}
.center {
	text-align:center;
}

.statutory_commun {margin:30px auto 0px auto; padding:0px; text-align:center;}
.statutory_commun li{  
padding-left: 10px;
border: 1px solid rgba(0,0,0,0.10);
position: relative;
font-size: 16px;
cursor: pointer;
padding-bottom: 3px;
padding-top: 5px;
width:60%;
margin:20px auto;
display:block;
text-align:left;
}

.statutory_commun li:after{
    width: 50px;
    height: 30px;

    background-image:url(../images/new_pdf_icon.jpg);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    position: absolute;
    top: 0;
    right: 0;

}

.investors dd{display:inline-block; width:100%; margin:0; padding:0 0 0 45px; box-sizing:border-box;}
.investors dl{width:300px;}
.investors dt{font-weight:400; width:0px; display:inline-block; font-size:14px;}
.investors dd:before{content:":"; margin-right:5px; font-size:12px; vertical-align:8%;}
.stock-option section{padding-left:23px;}
.stock-option section h1{margin:30px 0 10px -23px; font-size:19px;}
.stock-option section h2{font-size:18px; font-weight:600; margin-top:20px;}
.stock-option section h2+p{padding-left:20px;}
.stock-option section li{margin:10px 0;}
.stock-option section ol ol{margin:15px 0;}
.stock-option form fieldset{margin:20px 0; border:1px solid #e4e4e4; display:inline-block; width:45%; vertical-align:top; padding:20px 10px;}
.stock-option legend{font-weight:700;}
.stock-option label{display:inline-block; width:110px; margin:0 0 10px; position:relative; background:#f9f9f9;}
.stock-option label:after{content:":"; position:absolute; right:5px;}
.stock-option input,.stock-option textarea{display:inline-block; border:none; border-bottom:1px solid;}
.stock-option input[disabled],.stock-option textarea[disabled]{background-color:white; resize:none;}
.archives table{width:100%;}
.archives h1{margin:50px 0 10px 0;}
.newsnews h1{margin: 0 0 20px; color:#bbb;}
.newsnews a{display:block; font-weight:400;}
.newsnews p{border-bottom: 1px solid rgba(226, 225, 225, 0.48);}
.statutory-info ol{padding-left:5px; font-size:14px;}
.statutory-info  ol  li{margin:13px 0; padding-left:7px; position:relative; padding-left:32px; list-style-type:none; margin-bottom:25px; font-size:13px;}
.statutory-info ol li:before{
content:"";
background:url('../images/document-icon1.png') no-repeat;
display:block;
width:20px;
height:30px;
position:absolute;
top:0;
left:0;
background-size:20px;
}
/*.statutory-info ol li:nth-child(11):before{
content:"";
background:none;
display:table;

}
.statutory-info ol li:nth-child(11){
margin-top:23px;
font-size:18px;
}
.statutory-info ol li:nth-child(14):before{
content:"";
background:none;
}
.statutory-info ol li:nth-child(14){
margin-top:23px;
font-size:18px;
}*/
.statutory-info ol li a:hover{
	color:#4478c7;
}
.statutory-info section h1{font-size: 18px; margin: 49px 0 4px; font-weight:400;}
.statutory-info table{width:100%;}
.code-of-conduct section section{padding-left:20px;}
.code-of-conduct section section h1{margin:30px 0 10px -20px; font-size:20px;}
.code-of-conduct h2{font-size:17px;}
.governance h2{font-weight:600; text-transform:uppercase;}
.governance h3{font-weight:600; font-size:19px;}
.governance h3:first-of-type{margin:1em 0;}
.governance h4{font-weight:400; margin:1em 0 0.3em;}
.governance ol{padding-left:20px;}
.governance li{margin:5px 0;}
.content .doc-list{list-style-type:none; padding-left:0;}
.doc-list li{padding:4px 0 4px 26px; margin:8px 0; background:url('../images/document-icon1.png') no-repeat left center;}
.governance h2 + ul,.governance h2 + ol,.governance h2 + div{height:0; overflow:hidden; transition:height 0.5s ease;}
.governance h2:target + ul,.governance h2:target + ol,.governance h2:target + div{height:auto;}
.ol-bold-markers{counter-reset:li;}
.ol-bold-markers > li{list-style-type:none; position:relative;}
.ol-bold-markers > li:before{content:counter(li); counter-increment:li; position:absolute; left:-16px; top:0.1px; font-size:20px; font-weight:600;}
.ol-bold-markers > li:after{content:"."; position:absolute; top:-2px; left:-5px; font-size:24px;}
/*......murali...................*/
.table-container {
	width: 100%;
	overflow-x: scroll;
	box-shadow:inset 0px 1px 10px #a4a4a4;
}
.our-presence > section{
width:48%;
vertical-align:top;
display:inline-block;
}
.our-presence > section:nth-child(1) h3,.our-presence > section:nth-child(2) h3{
margin-top:10px;
}

.our-presence > ul{}
.our-presence > section > ul > li:before{
    content: "\00b7";
    font-size: 35px;
    position: absolute;
    left: -19px;
    top: -14px;
	

}
.our-presence > section > ul > li{
padding-bottom:10px;
list-style-type:none;
position:relative;
}

.corporate-social-responsibility-page section h1,.crams h1{margin-bottom:10px; font-weight:400; font-size:18px;  border-bottom: 2px solid rgba(211,211,211,0.75); padding-bottom: 10px;}
.crams section+p{margin-top:50px;}
.crams section{margin-top:30px; padding-left:5px; display:table;}
 
.crams:after{
content:"";
clear:both;
display:table;
margin-bottom:25px;
 }
.crams ol{
padding:0;
list-style-type:none;
    margin-top: -5px;
    margin-bottom: 20px;
	font-size:14px;
	
}
.crams ol li{
padding-bottom:5px;
}
.crams ol li:before{
 content:  "\2713 ";
 margin-right:5px;
 font-size:12px;
}
.crams p{text-align:justify;}

.crams img{
float:right;
padding:0 0 0 20px;
background-color:#fff;
}
.crams:nth-of-type(even) img {
float:left;
padding:0 20px 0 0;
}
.crams:nth-of-type(even) > div{
	padding-left:375px;
	}

.marg{
position: relative;
    padding-left: 33%;
}
.content .documents1 a {
	display:block;
	width:32;
	padding-top:46;
	background-image:url('../images/document-icon1.png');
	background-repeat:no-repeat;
	background-position:top;
	font-size:14px;
	text-align:center;
	margin:0 auto;
}
.content2{
width:49%;
display:inline-block;
vertical-align:top;
box-sizing: border-box;
margin-right:20px;
float:left;
}

.content3{
width:49%;
display:inline-block;
vertical-align:top;
box-sizing: border-box;
float:right;
}

.career:after{clear:both; display:table; content:'';}

.careers dl {
	margin:0
}
.careers dd, .careers dt {
	display:inline-block;
	vertical-align:top;
}
.careers dt {
	
	margin-right:10px;
	display:block;
	font-weight:700;
	font-size:16px;
	color:#4682B4;
}
.careers dd {
	margin:0 0 20px 0;
	font-size:14px;
}

.careers_head{
width:80%;
margin:0px auto;
text-align:center;
   
}

.accreditation section a{margin:20px 97px 85px 0;}
.accreditation section a:focus{outline:3px solid #293a38;}
.accreditation section img {
 border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
		padding:10px;
}
.accreditation section a:nth-of-type(3n){margin-right:0;}
.accreditation section {
	display: flex;
	flex-wrap:wrap;
}

.desktopnone{display:none;}
.accordion div{
height:0;
overflow:hidden;
transition:all 0.25s linear;
padding:0 10px;
margin-top:-10px;
}
/*.accordion div dt{display:none;}*/
.accordion h1:after,.governance h2:after{
width:50px;
height:30px;
background:#364745;
background-image:url(../images/acc_arrow.png);
background-repeat:no-repeat;
background-position:center;
content:"";
position:absolute;
top:0;
right:0;
border-radius:4px;
}
.governance h2,.accordion h1{
   padding-left: 10px;
    border: 1px solid rgba(0,0,0,0.10);
   position:relative;
    margin:0 0 20px 0;
	font-size:18px;	
cursor:pointer;
padding-bottom:5px;
padding-top:5px;

	
}

.career_form{width:80%;}

/*--------------------for_csr_gallery----------*/
.crams_gal ul li{width:33.33%; float:left;  list-style-type:none; margin-bottom:20px;}
.crams_gal ul:after{clear:left; display:table; content:''; margin-bottom:20px;}
.crams_gal h1{
    font-weight:400;
    font-size: 18px;
  
    padding-bottom: 10px;
	margin:0px 15px 10px 15px;
	position:relative;

	}
	.crams_gal h1:before{content:'>>'; color:#ffc400; width:15px; height:15px;  margin:0px 10px 0px 0px;}
	.crams_gal h5{font-weight:normal;}
.crams_gal:after{content:''; display:table; clear:left; margin-bottom:50px;}
/*-----------------------end--------------------*/

.overflow_auto{
overflow:auto;
}
.ecs_pre pre{
       font-family: 'Roboto', sans-serif;
	line-height:32px;
	
} 

.ecs_pre ul li{
list-style-type:none;
line-height:32px;


}	
.ecs_pre ul li:after{
    border: 1px solid gray;
    display: block;
    content: "";
    width: 50%;
   float: right;
    margin-top: 24px;
}
.results{
display:flex;
margin-bottom:30px;
padding:20px;
	}

.results img{
    margin-right: 62px;
    box-sizing: border-box;
}
.flex{display:flex; justify-content:space-between; flex-wrap:wrap; align-content:space-between; align-items:stretch;}
.cta,.doc-list-style-1 a{display:inline-block; padding:9px 8px 7px 8px; border-radius:2px; transition:all 0.1s ease; color:#293a38; background-color:#ffd64f;}
.cta:hover,.cta:focus,.cta:active,.doc-list-style-1 a:hover,.doc-list-style-1 a:focus,.doc-list-style-1 a:active{background-color:#293a38; color:#ffd64f;}
input[type="submit"].cta,input[type="reset"].cta{border:none;}

/*.accordion h1.demo + div{display:block;}*/
/*......murali...end................*/
ul.doc-list-style-1,ol.doc-list-style-1{padding:0; width:80%; margin:auto;}
ul.adjust-ul{padding:0; width:80%;margin-left:0px!important; }
.doc-list-style-1 li{border:1px solid #CBCCCD; list-style:none; margin:8px 0; border-radius:5px;}
.doc-list-style-1 li{display:table; width:100%;}
.doc-list-style-1 li.adjust-list{display:inline-block!important; width:72%;}
.doc-list-style-1 li > span{display:table-cell; width:100%; vertical-align:middle; padding:3px 8px;}
.doc-list-style-1 li span span{display:block; font-weight:900; font-size:10px;}
.doc-list-style-1 a{white-space:nowrap;}
#archives{display:block; text-transform:uppercase; font-size:13px; font-weight:700; width:68px; margin:25px auto 0;}
@media screen and (max-width:670px){
.content ul.doc-list-style-1, .content ol.doc-list-style-1{width:100%; padding:0;}
}
@media screen and (max-width:1190px) {
.accreditation section a{margin:20px 67px 65px 0;}
}
@media screen and (max-width:1160px) {
.crams_gal ul li{width:50%;}
.crams_gal ul li h1{width:60%; margin:10px auto;}
}

@media screen and (max-width:1135px) {
.ecs_pre hr{
   float: none;
    width: 100%;
	}
.accreditation section a{margin:20px 27px 55px 0;}
.accreditation section img{padding:3px;}
}
@media screen and (min-width:1207px) {
.container {
width:1160px;
}
.services .container, footer .container {
width:1100px;
}
}
@media screen and (min-width:1010px) {
.services section {
float:left;
width:25%;
box-sizing:border-box;
padding-right:20px;
}
}
@media screen and (max-width:1010px) {
.accreditation section a{margin:20px 7px 55px 0;}
.accreditation section a:nth-of-type(3n){margin-right:7px;}
.accreditation section a:nth-of-type(2n){margin-left:50px;}
}
@media screen and (max-width:1200px) {
/*header{margin-left:-15px; margin-right:-15px;}*/
.message {
padding-right:0;
}
/*.message p{width:auto;}*/
.message span:before {
content:"";
}
.news-awards {
text-align:center;
}
.news {
margin:68px 100px 68px 0;
text-align:left;
}
.now-showing{left:55%;}
}



@media screen and (max-width:980px) {
.news {
margin:0 auto;
display:block;
width:413px;
padding: 0 15px;
}
.awards {
margin-top:40px;
width:439px;
text-align:left;
}
#banner-right {
margin-top:66px;
}
#banner-left {
margin-top:66px;
}
.banner div{display:block; margin:0 auto;}
.banner img{display:block; margin:0 auto;}
.banner-container{height:600px;}
.banner{width:70%;}
}
@media screen and (max-width:650px) {
.contactus section {

margin-bottom:50px;
}
.our-presence > section{
width:100%;

}
}
@media screen and (max-width:715px){
.accreditation section a:nth-of-type(2n){margin-left:0;}
}
@media screen and (max-width:830px) {
.message a {
display:block;
text-align:right;
}
.message p {
width:calc(100% - 162px);
}
.message .learn-more {
margin-left:150px;
width:180px;
}
#banner-right {
margin-top:66px;
}
#banner-left {
margin-top:66px;
}
}
@media screen and (max-width:800px) {
footer {
text-align:center;
}

.crams_gal ul li{width:100%;}
.content3{float:none; width:100%;}  


footer p {
display:block;
margin:10px 0;
}
.sidebar + .content{
min-height: 362px;
}
.sidebar + .content, .sidebar {
width:100%;
box-sizing:border-box;
padding:10px 10px 0 10px;
}
.content ul {
padding:0;
list-style-position:inside;
}
.our-presence > section > ul > li{
padding-left:15px;
}
.our-presence > section > ul > li:before{
left:-3px;
}
.accreditation h1{
text-align:center;
}
.accreditation section {
justify-content:center;
}
.content2{
width:100%;
}
.margi:last-of-type{
margin-top: 0px;
margin-bottom: 30px;
}
}
@media screen and (max-width:600px) {
.news {
width:calc(100% - 100px);
}
.awards {
width:calc(90% - 55px);
text-align:justify;
}
.message a{margin-top:20px;}

}

/*@media screen and (max-width:545px){
.content table,.content table tr,.content table td{display:block; text-align:left; padding-left:10px; border:none;}
.content table tr:nth-child(odd){background-color:#e4e4e4;}
}*/
@media screen and (max-width:445px) {
.awards {
background-size: 32px;
text-align:left;
background-position: 0;
padding-left:45px;
margin-left:0;
width:calc(90% - 45px);
}
.news {
border-left:none;
border-right:0;
}
.message a {
text-align:center;
}
.message .learn-more {
margin:0;
width:75%;
text-align:center
}
}
@media screen and (max-width:364px) {
.message p{
display:block;
width:100%;
}
.message > span{
float:left;
}
.message .learn-more{display:inline-block;}



}
@media screen and (max-width:425px) {
header {
width:100%;
/*text-align:center;*/
padding-bottom:0;
}

.accreditation section img{
margin:0px 0px 25px 0px;
padding:0px;
width:100%
}
.accordion h1{
font-size:10px;

}
.accor h1{
font-size:16px;
}
.accor h1:after{
height:31px !important;
}
.newsnews section{
padding:0px;
}
.accordion h1:after{
width:30px;
height:23px;
}


.sidebar{
display:none;
}
}
@keyframes complement {
0%{opacity:0; left:66%;}
20%{opacity:1; left:63%;}
80%{opacity:1; left:63%;}
100% {opacity:0; left:66%;}
}
@keyframes fadeinout {
0%{padding-left:200px; opacity:0;}
20%{padding-left:238px; opacity:1;}
80%{padding-left:238px; opacity:1;}
100%{padding-left:200px; opacity:0;}
}
@keyframes transparent {
0%{opacity:1;}
100%{opacity:0}
}
@keyframes opaque {
0%{opacity:0;}
100%{opacity:1;}
}
@media screen and (max-width:555px){
.banner-container{height:490px;}
.banner div{width:auto;}
.banner p,.banner ul li{font-size:17px; line-height:38px;}
.banner p span{font-size:40px;}
.banner img{width:70%;}
#now-showing{left:50%; transform:translate(-50%,-50%);}

.content2{
width:100%;
padding:0px;
}
}


/*............................murali................................*/
@media screen and (min-width:100px) and (max-width:768px) {
/*.banner-container {
width:100%;
margin:0px auto;
height:435px;
}
.banner div {
width:100%;
}
.banner p span {
 font-weight: 400;
 font-size: 30px;
}
.banner p {
font-size:18px;
text-align:center;
}
.banner {
width:100%;
margin:0px auto;
text-align:center;
}
.media {
width:100%;
margin:0px auto;
width:200px;
}
#banner-right {
margin: 45px 0 0 0px;
}
#banner-left {
margin: 45px 0 0 0px;
}
#now-showing {
left:50%;
}
.banner div {
margin:0 0px 0 0;

}*/
.page-title {
width:100%;
height:140px;
background-position:center;

}
.page-title h1.container {
font-size:22px;
}
.contactus section h2 {
font-size:18px;
}
.width_h2{
width:92%;
margin-left:10px;
}
.contactus .intro {
font-size:16px;
}
.contactus section h3 {
font-size:15px;
font-weight:600;
}
.content .intermediates {
text-align:center;
}
.crams:nth-of-type(even) img {
float:none;
padding:0;
width:100%;

}
.crams:nth-of-type(even) > div{padding-left:0;}
.crams img {
float:none;
padding:0;
width:100%; 
}
.crams > div{
width:100%;
display:block;
margin-bottom:30px;
}
.marg{
padding:0px;
margin:0px;

}
.services section{
margin-bottom:50px;
}
.contactus .intro {
margin:0px;
}
.content ul{
padding:0 10px;
}
.content ul li{
    list-style-position: outside;
  
}
.margi{
margin-top:0px;
}
}
@media screen and (max-width:1053px){
#now-showing{left:55%;}
}
@media screen and (min-width:100px) and (max-width:426px) {
/*.banner p span {
font-weight: 400;
font-size: 20px;
}
.banner p {
font-size:15px;
margin-top:10px;
line-height:32px;
}*/
.message p {
text-align:left;
}
.page-title h1.container {
font-size:16px;
}
.page-title {
height:100px;
}
}
.links,.link{color:#C85B18}
.links:hover{color:#FF0000}
/*.screen-reader-text{border:0; clip:rect( 1px, 1px, 1px, 1px ); clip-path:inset( 50% ); height:1px; margin:-1px; overflow:hidden; padding: 0; position:absolute; width:1px; word-wrap:normal;}*/
.Stock-Information-list{display:inline-block;   }
.Stock-Information-list li {
    float: left; list-style-type: none;}
.heighlight{color:#1269A2;font-size:15px;font-weight:700;}
.heighlight:hover{text-decoration:underline;}
/*............................anusha...............End.................*/


@media screen and (max-width:768px){
.statutory_commun li{width:100%;}
}

.sidebar-menu{
  float:left;
  background:#f3f3f3;
  width:200px;
  border-radius:2px;
  margin-right:60px;
  overflow:hidden;
}
.sidebar-menu h2{
  font-size:15px;
  background-color:rgba(41, 58, 56, 0.9);
  color:#fff;
  margin:0!important;
}
.sidebar-menu a,
.sidebar-menu .has-submenu > button{
  display:block;
  padding:8px;
  font-weight:700;
  font-size:13px;
}
.sidebar-menu a:hover,
.sidebar-menu a:focus,
.has-submenu button:hover,
.has-submenu button:focus{
  background-color:#293a38;
  color:#fff;
}
.has-submenu button:hover use,
.has-submenu button:focus use{
fill:#fff;
}
.sidebar-menu li ul{
  background:#e4e4e4;
  padding:0 8px 0 16px;
  display:none;
}
.sidebar-menu li{
  border-bottom:1px dotted #999;
}
.sidebar-menu li:last-child{
  border-bottom:none;
}
.sidebar-menu + .content{
  overflow:auto;
}
@media (max-width:767px){
  .sidebar-menu{
    display:none;
  }
}
.has-submenu{
  position:relative;
}
.has-submenu > button{
  width:100%;
  text-align:left;
  color:inherit;
  border:none;
  line-height:inherit;
  background-color:transparent;
}
.has-submenu button svg{
  position:absolute;
  top:11px;
  right:10px;
}
[aria-controls="search"]{
  background:#364745;
  border:none;
  padding:5px 8px 7px;
  border-radius:2px;
}
#gs_tti50{
  padding:6px 8px;
}
.gsc-search-button-v2{
  margin-top:0!important;
  padding-top:9px!important;
  padding-bottom:9px!important;
  border-radius:2px;
}
#search{
  position:absolute;
  box-shadow:0 1px 5px -1px rgba(0,0,0,0.5);
  width:100%;
}
@media (min-width:811px){
  nav{
    position:relative;
  }
  .mainmenu{
    padding-right:50px;
  }
  [aria-controls="search"]{
    position:absolute;
    right:10px;
    top:51px;
  }
}
@media (max-width:810px){
  [aria-controls="search"]{
    margin:28px 20px 0 0;
  }
  #search{
    position:absolute;
	width:300px;
	right:0;
	top:100%;
  }
}
.speak-to-an-expert{
  font-family:Raleway, Lato, Helvetica, sans-serif;
  font-size:15px;
  line-height:1.3;
  text-align:center;
  border-radius:3px;
  overflow:hidden;
  background-color:#0897b7;
  box-shadow:0 0 8px -2px #555;
  display:block;
}
.speak-to-an-expert:hover{
  background-color:#03a196;
}
.speak-to-an-expert::before{
  content:url("../images/ask-an-expert.png");
  display:block;
  margin:15px auto 10px;
}
.speak-to-an-expert span{
  display:block;
  padding:11px 10px 9px;
  background-color:hsl(191, 91.1%, 17.6%);
  color:#fff;
}
@media (min-width:767px){
  .make-space-for-speak-to-expert{
    position:relative;
  }
  .speak-to-an-expert{
    position:absolute;
    right:10px;
    top:40px;
    width:115px;
  }
}
@media (min-width:1190px){
  .make-space-for-speak-to-expert{
    padding-right:200px;
  }
}
@media (min-width:767px) and (max-width:1189px){
  .make-space-for-speak-to-expert{
    padding-right:160px;
  }
}