@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


/* CHANGES FOR LOGO AND TOP NAVIGATION - Start */
@media screen and (min-width: 992px) {	
	.navbar-collapse {    width: 100% !important;	}

	#zz19_TopNavigationMenu, #zz1_TopNavigationMenu, div#DeltaTopNavigation > div { float:right; }

	#bt-slider { background: #ffffff;     min-height: 84px; }
	#myCarousel { top: 95px;     margin-bottom: 60px;}	
	#myCarousel .carousel-control { top: 47%!important; }
	.navbar .ms-siteicon-img {	    max-width: 300px;    max-height: 114px; padding-left: 15px;margin-left: 100px !important;	}
	.ghost-nav .ms-siteicon-img {	    max-width: 300px;    max-height: 114px; padding-left: 15px;margin-left: 65px !important;	}
		
	div.menu-row {margin-top: 15px; 	}
	header.navbar .navbar-collapse #MenuH { background:rgba(60, 55, 112,0.9); }
	header.navbar .hidden-logo img { height: 40px; }
	header.navbar.ghost-nav	{ background: rgba(255, 255, 255, 0); padding-bottom: 6px; box-shadow: none;	}
	header.navbar.ghost-nav .hidden-logo {  /* border: 2px solid red; */ height: 100px !important;    overflow: visible;     padding-top: 5px; }
	
/*	#MenuH ul.static>li>a:hover, #MenuH ul.static>li.selected>a { box-shadow:none;	}	*/
	/*#Logo { padding: 5px 15px 15px 15px; } */
	.ms-core-listMenu-horizontalBox li {     padding-right: 3px; }
	
	#MenuV #zz15_RootAspMenu>li>a {    display: none !important;  }
    #MenuV ul>li>ul>li>ul, #MenuV ul>li>ul  { display:block !important; }
    header.navbar.ghost-nav > .container {     width: 100% !important;     padding: 0px !important; } 
/*    div.menu-row {                    margin-top: 0px; }	*/
    header.navbar.ghost-nav .menu-row {                    margin-top: 0px; }

    
    header.navbar.ghost-nav .menu-row    {              background:rgb(60, 55, 112);          }
    header.navbar .logo-row 
    {
    margin-bottom: -1px;
    background-image: url('/Style Library/Images/HP-Images/LogoPatternTop.png')!important;
    height: 135px !important;
    background-color: white !important;
    margin-left: -110px !important;
    margin-right: -110px !important;
    background-repeat: no-repeat !IMPORTANT;
    background-size: cover !IMPORTANT;     
    }
    
    
    #pageTitle {     position: absolute;    left: 47.5%;    font-size: 36px;    color: #ffffff; }

    #MenuH .ms-core-listMenu-horizontalBox .dynamic-children.additional-background:after { display:none; }

    li.static > ul.dynamic { animation: 0.7s ease-in-out revealMenu; }
    @keyframes revealMenu {
       0% {    transform: translateX(-15px);  }
     100% {    transform: translateX(0);  }
    }

}
@media screen and (max-width: 768px) {	
	#bt-slider { margin-bottom: 0px;	}	
	#myCarousel .carousel-control { top: 23%!important; }
	.navbar-toggle .fa-bars:before { color: #fff!important; }
	button.navbar-toggle>i.fa-bars { margin-top: 21px !important;	}
	#offcanvasButton i.fa-chevron-right { color: #3c3770 !important; margin-top: 28px !important;}
	.ms-siteicon-img {	    max-width: 300px !important;    max-height: 64px !important; }
	header.navbar .logo-row { margin-bottom: 0px; }
	#MenuH ul.static>li>a:hover, #MenuH ul.static>li.selected>a {     box-shadow: none; }
		
	header.navbar.ghost-nav	{ background: rgb(60, 55, 112); padding-bottom: 6px;	}
	.content-color-zone .btn.btn-default.btn-default.bg-color1 {margin-top:15px}
	header.navbar { overflow-y: hidden !important; }
}



/* 20170517 - changes due to burger menu on tablet view... Start */
@media screen and (min-width: 768px) and (max-width: 992px) {	


/* NORMAL */
button.navbar-toggle { display:block !important; }
.fa-chevron-right, .fa-chevron-right { display:none; }
header.navbar #Logo img { max-height: 40px; }

/*
header.navbar #Search.search-button  {     position: relative; margin-top: -50px;    padding-left: 0%;    margin-right: -4%; }
*/

/* STICK TO THE TOP */
header.ghost-nav { background: #3c3770 !important; }
header.navbar.ghost-nav .navbar-collapse { width:100%; }
header.ghost-nav .menu-row { padding-top: 60px; }
header.navbar.ghost-nav .logo-row {    opacity: 1;    position: absolute;    display: block; }
header.navbar.ghost-nav .menu-row { margin-right: 0px !important; 
}

/*
header.navbar.ghost-nav #Search.search-button {    position: relative;    right: 30px; }
*/

}
/* 20170517 - changes due to burger menu on tablet view... End */



@media screen and (max-width: 400px) {	
	.ms-siteicon-img {	    max-width: 300px !important;    max-height: 50px !important; }
	button.navbar-toggle>i.fa-bars { margin-top: 15px !important;	}
	#offcanvasButton i.fa-chevron-right { margin-top: 22px !important;}
}
	#Logo>#pageTitle>span { display:none !important; }
	div.bg-color1 .lead, div.bg-color5 .lead  { font-weight: 500;	}
	/*div.bg-color1 a.btn-default, div.bg-color5*/ a.btn-default  { font-weight: 600; color: #fff !important;	}
	.spacing-div p {  font-weight: 500 !important;	}
	#_pagetitle {     display: none; }

/* CHANGES FOR LOGO AND TOP NAVIGATION - End*/


		
/* Pics on HomePage components - Start */
#bt-main .product-categories #cat1, #bt-content .product-categories #cat1{background:url('/PublishingImages/cat-1.jpg') !important; background-repeat: no-repeat;    background-size: cover !important;}
#bt-main .product-categories #cat2, #bt-content .product-categories #cat2{background:url('/PublishingImages/cat-2.jpg') !important; background-repeat: no-repeat;    background-size: cover !important;}
#bt-main .product-categories #cat3, #bt-content .product-categories #cat3{background:url('/PublishingImages/cat-3.jpg') !important; background-repeat: no-repeat;    background-size: cover !important;}

#bt-main .card.wide-image #img1.card-image, #bt-content .card.wide-image #img1.card-image { background: url(/PublishingImages/inner-1.jpg); background-size: cover;}
#bt-main .card.wide-image #img2.card-image, #bt-content .card.wide-image #img2.card-image { background: url(/PublishingImages/inner-2.jpg); background-size: cover;}
#bt-main .card.wide-image #img3.card-image, #bt-content .card.wide-image #img3.card-image { background: url(/PublishingImages/inner-3.jpg); background-size: cover;}
/* Pics on HomePage components - End */

/* General elements - start */
h4{ color: #212121; }
h3 { color: #212121 !important; }
h3.onColor {	color: #ffffff !important;	}
h2 { color: #212121 !important; }
h2.onColor {	color: #ffffff !important;	}
/* body { background:#ffffff !important; } */
h1 {color:#212121 !important;}
body h1 {color:#212121 !important;} 

#bt-slider h1, #bt-slider h2, #bt-slider h3, #bt-slider h4, #bt-slider h5, #bt-slider h6 
{    color: #ffffff !important;    font-weight: 300;    line-height: 1;	}



.col-card {     padding: 60px 45px; }
.EBrow{ margin: 14px -45px 0px -45px !important;  background-color: #00a5e4 !important;  } 
#bt-content {box-shadow: none;  }
ul.static > #firstElement { display:none }


header.navbar  .header-zone #Login { display:none }

#s4-workspace { overflow-x: hidden; }


#s4-workspace {     background-color: #008d4f !important;    background-image: none;    background-attachment: fixed;    background-position: center;
    background-repeat: no-repeat;    background-size: cover; }

/* General elements - end */   

 
 /* Breadcrumb Changes - start */ 
/*******Layouts Breadcrumb**************/

.BT-breadcrumb
{	
font-family:"Roboto Slab", Helvetica , Times New Roman !important;
font-size: 12px !important;
font-weight:normal!important;
font-style: normal !important;
margin-bottom:10px!important;;
}
.BT-breadcrumbLinkRoot
{
color:#095b8a !important;	
}
.s4-breadcrumb-arrowcont
{
color:#2a2a2a !important;
}
.BT-breadcrumbLink
{
color:#2a2a2a !important;
}
#Breadcrumb a.BT-breadcrumbLink:hover
{
color:#00843D !important;
}
#Breadcrumb a.BT-breadcrumbLinkRoot:hover
{
color:#00843D !important;
}
#Breadcrumb span.BT-breadcrumbLinkCurrent:hover, #Breadcrumb span.BT-breadcrumbLinkCurrent
{
color:#2a2a2a !important;	
}
#Breadcrumb a.BT-breadcrumbLinkRoot:hover
{
color:#00843D !important;
}
.BT-breadcrumbLink
{
color:#095b8a !important;		
}
.marginBTContainer{
margin-left: -35px
}
.layoutpagetitile
{
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
text-transform: uppercase;
}
#Breadcrumb
{
float:left !important;
}
#Search .ms-srch-sb-searchLink {
    transform: rotate( 266deg ) !important;
}

/*******End Layouts Breadcrumb**************/
/* Breadcrumb Changes End - start */


/************Search Box Overrind for EB**************/
@media screen and (min-width: 992px)
{
.navbar #Search #SearchBar 
{
	margin-right:0px;
	border: none !important;
    background: none !important;
    padding: 0px;
    top: 45px;
    }
    #Search input[type=text]
    {
	padding-left:5px !important;
}
}

@media screen and (min-width: 992px)
{
.ghost-nav #Search #SearchBar 
{
	margin-right:15px;
	border: none !important;
    background: none !important;
    padding: 0px;
    top: 47px;
    }
    #Search input[type=text]
    {
	padding-left:5px !important;
}
}
.content-white-zone
{
display:none !important;
}
/************footer changes start**************/
footer a:visited {    color: #ffffff !important; }
footer .fa-stack:hover .fa-linkedin-circle { color:#0077B5; }

/*
footer {     padding: 30px 0 !important; }
*/

@media screen and (min-width: 992px)
{

footer>div#FooterCopyright>.container>.row>div { padding: 30px 0 !important; 
}
} 

@media screen and (max-width: 992px)
{
.ghost-nav #DeltaSiteLogo img 
	{
	content:url('/Style Library/Images/eb-logo-On-Scroll.png')!important;
	}
	
.navbar #DeltaSiteLogo img 
{
content:url('/Style Library/Images/eb-logo-On-Scroll.png')!important;
}


footer #FooterCopyright 
{
margin-top: 0px !important;
}
}


footer
{
background: #333 url('/Style Library/Images/HP-Images/Footer Pattern.png') repeat;
}
footer h4
{
color:#008d4f !important;
}
#FooterCopyright .fa-angle-right:before
{
    content: "" !important;
    color:white !important;
    
}
#FooterCopyright .fa-tag:before
{
    content: "" !important;
    color:white !important;  
}
#FooterCopyright .fa-stack .fa-circle
{
color: #008d4f!important;
}
#FooterCopyright i:hover
{
color: #008d4f !important;
background-color:#333 !important;
}
#FooterCopyright .fa-stack-1x
{
color: #ffffff !important;
}

#FooterCopyright span a
{
margin-left:10px !important;
color: #008d4f !important;
}
#FooterCopyright p a:hover
{
text-decoration:none !important;
}

#FooterCopyright p a:hover
{
text-decoration:none !important;
color:#876509 !important;
}


#FooterCopyright span a:hover
{
text-decoration:none !important;
color:#876509 !important;
}
/************footer changes End**************/


#bt-slider
{
	background:#333333 !important;
}
.fa-stack-1x
{
	border-radius:100% !important;
}
.carousel .carousel-control
{
	top: 42%!important;
}
@media screen and (max-width: 767px)
{
#myCarousel 
{
    top: 20px;
}
}

a {outline : none !important;}
a img {outline : none !important;}

footer {
    padding: 25px 0px 15px 0px !important;
}

 @media only screen 
		and (min-width : 770px) 
		and (max-width : 991px) 
 
    {
header.navbar>.container .navbar-toggle 
{
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}
}
.headerlink
{
margin-top: 100px;
margin-right: 120px;
}
.headerlink p a
{
font-weight:bold !important;
color:black !important;
}
.headerlink p a:hover
{
font-weight:bold !important;
color:black !important;
text-decoration:none !important;
}
#Search {
    display: block;
    float: right;
    top: 153px !important;
}
@media screen and (min-width: 992px)
{

.footersocialmargin
{
margin-left:35px;
}
.footersocialiconsmargin
{
margin-left:28px;
}

}
@media screen and (min-width: 1070px)
{

header.navbar.ghost-nav #Search.search-button
 {
    position: absolute;
    right: 80px !important;
    top: 3!important;
}
header.navbar.ghost-nav #MenuH {
    padding-right: 110px !important;
    padding-left: 240px !important;
}
}
@media screen and (min-width: 1100px)
{
.ghost-nav #DeltaSiteLogo img 
	{
	content:url('/Style Library/Images/eb-logo-On-Scroll.png')!important;
	}

}
@media screen and (max-width: 1099px)
{
.ghost-nav #DeltaSiteLogo img 
	{
	content:url('/Style Library/Images/eb-logo-On-Scroll.png')!important;
	    margin-left: 20px !important;
	}

}