body, html
{
margin: 0;
padding: 0;
width: 100%;
min-height: 100%;
}

body
{
background: #FFF;

}

body.iframe{ width:auto;height:auto;}

h1, h2, h3, h4, h5, p, ul, ol, li, form, hr
{
margin: 0;
padding: 0;
}

BODY, TABLE
{
font-family: 'Titillium Web', sans-serif;
font-size: 14px;
color: #3d515f;
vertical-align: top;
}

table td
{
vertical-align: top;
}

img
{
max-width:100%;
height:auto!important;
}

.noPadding
{
padding:0;
}

/********** General Page Rules ***********/

hr
{
display:block;
border:none;
border-bottom:1px solid #66c8c7;
margin:40px 0px;
}

h1
{
font-size:78px;
color:#2bb461;
line-height:1.2;
margin:20px 0px;
font-weight:200;
text-transform:uppercase;
font-family: 'Titillium Web', sans-serif;
}

h2
{
font-size:38px;
color:#3d515f;
line-height:1.2;
margin:20px 0px;
font-weight:300;
font-family: 'Titillium Web', sans-serif;
}

h3
{
font-size:26px;
color:#3d515f;
line-height:1.2;
margin:20px 0px;
font-weight:400;
font-family: 'Titillium Web', sans-serif;
}

h4
{
font-size:24px;
color:#3d515f;
line-height:1.2;
margin:20px 0px;
font-weight:100;
font-family: 'Titillium Web', sans-serif;
}

h5
{
font-size:18px;
color:#3d515f;
line-height:1.2;
margin:20px 0px;
font-weight:100;
font-family: 'Titillium Web', sans-serif;
}

p
{
font-family: 'Titillium Web', sans-serif;
font-size: 16px;
color: #173056;
line-height:1.4;
margin:12px 0px;
font-weight: 400;
}

p.leadInContent
{
font-size:18px;
}

li
{font-family: 'Titillium Web', sans-serif;font-size: 16px;color: #173056;line-height:1.4;margin:12px 0px 12px 18px;font-weight:400;}

a
{
text-decoration: none;
color: #2bb461;
}

a:hover
{
text-decoration: none;
color: #173056;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media (min-width: 1200px){

    .container
    {
    width: 1344px;
    max-width: 100%;
    }

}

/*************Header****************/

#logo
{
position:absolute;
top:10px;
left:30px;
z-index:4999;
width:130px;
height:auto;
}

#header
{
position:absolute;
top:0;
left:0px;
width:100%;
margin:0px 0px 0px 0px;
z-index:4998;
min-height:230px;
background:#3d515f;
background:rgba(61,81,95,0.8);
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #header
    {
    min-height:200px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #header
    {
    min-height:130px;
    }

}

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

    #header
    {
    min-height:140px;
    }

}

/******* Header Navigation Mobile *************/

.mobile
{
position:absolute;
top:230px;
left:0;
z-index:5000;
display:block;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .mobile
    {
    top:200px;
    width:100%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .mobile
    {
    top:130px;
    width:100%;
    z-index:4999;
    }

}

.menu-collapser
{
background-color:#313a40!important;
font-weight:400;
font-size:20px!important;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .menu-collapser
    {
    background-color:#3d515f!important;
    }

}

.mobile ul
{
float:left;
position:relative;
width:100%;
margin:0;
padding:0;
padding-bottom:18px;
background:#3d515f;
background:rgba(61,81,95,0.9);
display:none;
list-style:none;
margin:0px 0px 0px;
padding:20px 3%;
}

.mobile ul li
{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px;
padding:10px 0px;
border-bottom:1px dashed #FFF;
}

.mobile ul li a
{
color:#FFF;
margin:0px 0px 0px;
padding:0px 0px;
font-weight:300;
font-size:17px;
font-family: 'Titillium Web', sans-serif;
}

.mobile .sub-toggle
{
display:inline-block;
position:absolute;
top:9px;
right:3%;
color:#FFF;
cursor:pointer;
}


.mobile ul li ul
{
background:rgba(61,81,95,0);
padding:0px 3%;
}

.mobile ul li ul li ul
{
background:rgba(61,81,95,0);
padding:0px 3%;
}

.mobile ul li ul li ul .sub-toggle
{
display:none;
}

.mobile ul li ul li:last-child
{
border-bottom:0px dashed #FFF;
}

.mobile ul li ul li ul li ul
{
display:none;
}


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

    .mobile
    {
    display:none;
    }

}
/********* Header Navigation **************/

#header .headerNavigation
{
float:right;
position:relative;
margin:41px 0px 19px;
padding:0;
display:none;
}

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

    #header .headerNavigation
    {
    display:block;
    }

}

#header .headerNavigation ul
{
margin:0;
padding:0;
}

#header .headerNavigation ul li
{
margin:0px 40px;
padding:0 0px 0px;
border:none;
}

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

    #header .headerNavigation ul li
    {
    margin:0px 30px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #header .headerNavigation ul li
    {
    margin:0px 40px;
    }

}

#header .headerNavigation ul li a
{
color:#FFF;
margin:0;
padding:0 0px 0px;
font-weight:300;
font-size:17px;
font-family: 'Titillium Web', sans-serif;
}

#header .headerNavigation ul li a.menuSelected,
#header .headerNavigation ul li a:hover
{
background:transparent;
color:#ffcb26;
}

#header .headerNavigation .sub-toggle
{
display:none;
}

#header .headerNavigation ul li ul
{
position:absolute;
top:21px!important;
display:block;
width:180px;
margin:0px 0px 0px -30%;
padding:21px 0px 0px 0px;
display:none;
}

#header .headerNavigation ul li:hover ul
{
display:block;
}

#header .headerNavigation ul li ul li
{
display:block;
width:100%;
margin:0px 0px;
padding:0px 0px 0px 10%;
border:none;
box-sizing:border-box;
background:#3d515f;
background:rgba(61,81,95,0.8);
}

#header .headerNavigation ul li ul li:last-child
{
padding-bottom:20px;
}

#header .headerNavigation ul li ul li a
{
display:block;
width:90%;
margin:0px 0px;
padding:10px 0px 10px 0px;
border:none;
box-sizing:border-box;
border-bottom:1px dashed #FFF;
}


#header .headerNavigation ul li ul li ul
{
display:none!important;
}
#header .headerNavigation ul li.applications-anchor ul {
margin: 0px 0px 0px -12%;
}

/****************Header Elements*******************/

.topLinksMobile
{
position:absolute;
top:0px;
right:0;
width:320px;
z-index:5000;
background:transparent;
}

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

    .topLinksMobile
    {
    display:none;
    }

}

.topLinks
{
position:relative;
float:right;
width:100%;
margin-top:20px;
}

.siteSearchContainer
{
float:right;
position:relative;
display:inline-block;
margin:110px 35px 0px 0px;
}

.topLinks .siteSearchContainer
{
display:none;
}

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

    .topLinks .siteSearchContainer
    {
    display:block;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .siteSearchContainer
    {
    margin:56px 3% 0px 0px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .siteSearchContainer
    {
    margin:6px 35px 0px 0px;
    }

}

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

    .siteSearchContainer
    {
    margin:6px 35px 0px 0px;
    }

}

.siteSearchContainer .searchLabel
{
display:none;
}

.siteSearchContainer .siteSearchInput
{
text-align:right;
background:transparent;
border:0px solid;
color:#FFF;
margin:0px 0px 0px;
padding:3px 30px 3px 10px;
font-weight:300;
font-size:17px;
font-family: 'Titillium Web', sans-serif;
}

.siteSearchContainer .siteSearchSubmit
{
position:absolute;
top:0px;
right:0px;
display:inline-block;
width:18px;
height:28px;
background:url(https://www.baytex.co.nz/images/style/searchIcon.png) center center no-repeat;
border:0px solid #FFF;
}

/****************** Site Search Results *********************/

.siteSearch input.fsub
{
text-transform:uppercase;
border:2px solid #2bb461;
color:#000;
background:#FFF;
font-size:14px;
font-family: 'Titillium Web', sans-serif;
padding:5px 30px;
transition:all 0.5s;
cursor:pointer;
}

.siteSearch input.fsub:hover
{
border:2px solid #2bb461;
color:#FFf;
background:#2bb461;
transition:all 0.5s;
}

.siteSearch input.textInput
{
padding:6px 10px;
border-radius:4px;
border:1px solid #cbc8cb;
color:#3d515f!important;
font-weight:600;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
}

.siteSearch input.textInput:focus,
.siteSearch input.textInput:hover
{
border:1px solid #2bb461;
}

#searchResultItems
{
float:left;
position:relative;
}

#searchResultItems #searchResultDescription
{
float:left;
position:relative;
margin:20px 0px 0px;
}

#searchResultItems .searchResultItem
{
float:left;
position:relative;
border-bottom:1px solid #e5e5e5;
margin:0px 0px 0px;
padding:20px 0px 20px;
}

#searchResultItems .searchResultItem img
{
float:left;
margin-right:20px;
}

#searchResultItems .searchResultItem .title a
{
font-size:16px;
color:#173056;
font-weight:600;
}

/***********Phone Number Links**************/

.phoneNumber
{
position:absolute;
right:10%;
top:160px;
display:inline-block;
margin:0px 0px 0px;
}

.topLinks .phoneNumber
{
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .phoneNumber
    {
    right:3%;
    top:110px;
    margin:0px 0px 0px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .phoneNumber
    {
    position:absolute;
    right:3%;
    top:50px;
    display:inline-block;
    margin:0px 0px 0px;
    }

}

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

    .phoneNumber
    {
    float:right;
    position:relative;
    top:0;
    right:0%;
    display:inline-block;
    margin:12px 143px 1px;
    }

    .topLinks .phoneNumber
    {
    display:block;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .phoneNumber
    {
    margin:12px 235px 1px;
    }

}

.phoneNumber p
{
display:inline-block;
color:#FFF;
line-height:1;
margin:0px;
padding:0px 0px 0px 30px;
}

.phoneNumber p:before
{
position:absolute;
content:"";
left:0px;
width:20px;
height:20px;
margin:0px;
padding:0px 0px 0px 0px;
background: url(https://www.baytex.co.nz/images/style/downArrow.png) no-repeat 0px 0px;
cursor:pointer;
}

.phoneNumber .phoneNumberSlideout p
{
display:block;
margin:5px 0px 9px;
}

.phoneNumber .phoneNumberSlideout p:before
{
background:transparent;
}

/*****************Home Banner*********************/

.sy-box
{
float:left;
position:relative;
width:100%;
margin:-20px 0px 0px;
padding:0px;
list-style:none;
}

.sy-box ul.moduleComponentContainer,
.sy-box ul li.moduleComponent,
.sy-box ul,
.sy-box ul li
{
list-style:none;
margin:0;
padding:0;
}

.sy-box ul.sy-pager
{
position:absolute;
z-index:999;
bottom:0;
margin:0;
padding:0;
}

.sy-box .sy-pager li
{
margin:0 4px;
padding:0;
width:0.5em;
height:0.5em;
}

.sy-list,
.sy-list li,
.sy-slide
{
list-style:none !important;
margin:0 !important;
padding:0 !important;
}

.moduleComponentContainerhomeBanners
{
float:left;
position:relative;
width:100% !important;
height:472px !important;
}

.moduleComponentContainerhomeBanners
{
width:100% !important;
height:472px !important;
background-position:center;
background-size:cover;
}

.moduleComponenthomeBanners .centerContainerInner,
.moduleComponenthomeBanners .centerContainer
{
height:472px !important;
}

.moduleComponenthomeBanners .bannerHtmlContent
{
position:relative;
display:inline-block;
top:50%;
width:100%;
text-align:center;
z-index:4000;
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

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

    .moduleComponenthomeBanners .bannerHtmlContent
    {
    display:block;
    }

}

.moduleComponentContainerhomeBanners span.bannerOverlay
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background:url(https://www.baytex.co.nz/images/style/bannerOverlay.png) top right no-repeat;
z-index:3999;
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

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

    .moduleComponentContainerhomeBanners
    {
    float:left;
    position:relative;
    width:100% !important;
    height:850px !important;
    }

    .moduleComponenthomeBanners
    {
    width:100% !important;
    height:850px !important;
    background-position:center;
    background-size:cover;
    }

    .moduleComponenthomeBanners .bannerHtmlContent
    {
    position:absolute;
    left:25%;
    display:inline-block;
    top:50%;
    width:50%;
    text-align:center;
    background:rgba(255,255,255,0);
    padding:20px;
    box-sizing:border-box;
    }

    .moduleComponenthomeBanners .centerContainer
    {
    height:850px !important;
    }

    .moduleComponenthomeBanners .centerContainerInner
    {
    height:850px !important;
    }

}

/*****************Home Page Content*********************/

#homeContent
{
float:left;
position:relative;
width:100%;
z-index:4998;
margin:-85px 0px 0px;
}

#homeContent .pageContent
{
float:left;
position:relative;
width:100%;
background:#FFF;
box-sizing:border-box;
padding:0px 0px;
}


.moduleComponentContainerhomeContent
{
float:left;
position:relative;
width:100%;
background:#FFF;
padding:32px 15px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainerhomeContent
    {
    padding:32px 30px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {

    .moduleComponentContainerhomeContent
    {
    padding:32px 85px;
    }

}

.moduleComponentContainerhomeContent .moduleComponent
{
float:left;
position:relative;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainerhomeContent .moduleComponent
    {
    width:50%;
    }

}

.moduleComponentContainerhomeContent .moduleComponent .bannerHtmlContent h1
{
font-size:32px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainerhomeContent .moduleComponent .bannerHtmlContent h1
    {
    font-size:58px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainerhomeContent .moduleComponent .bannerHtmlContent h1
    {
    font-size:78px;
    }

}

.moduleComponentContainerhomeContent #moduleComponent200.moduleComponent .bannerHtmlContent p a
{
display:block;
padding:10px 0px;
text-transform:uppercase;
border:2px solid #2bb461;
color:#000;
font-size:22px;
margin-top:40px;
text-align:center;
width:198px;
transition:all 0.5s;
}

.moduleComponentContainerhomeContent #moduleComponent200.moduleComponent .bannerHtmlContent p a:hover
{
border:2px solid #2bb461;
color:#FFf;
background:#2bb461;
transition:all 0.5s;
}

/************Home Announcement Component*****************/

.moduleComponentContainerannouncement
{
float:left;
position:relative;
width:100%;
}

.moduleComponentContainerannouncement .moduleComponent
{
float:left;
position:relative;
width:100%;
}

.moduleComponentContainerannouncement .moduleComponent .innderWrap
{
float:left;
position:relative;
background:#fff;
padding:18px 42px 35px 23px;
-webkit-box-shadow: 10px 9px 37px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 9px 37px -2px rgba(0,0,0,0.75);
box-shadow: 10px 9px 37px -2px rgba(0,0,0,0.75);
z-index: 9;
}

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

    .moduleComponentContainerannouncement .moduleComponent .innderWrap {
        padding:38px 42px 61px 23px;
    }

}


.moduleComponentContainerannouncement .moduleComponent .innderWrap .imageContainer
{
order: 2;  
margin-top: 49px;
}

@media screen and (min-width: 768px) {
    .moduleComponentContainerannouncement .moduleComponent .innderWrap .imageContainer {
        margin-top: auto;
    }
}

.moduleComponentContainerannouncement .moduleComponent .innderWrap .imageContainer p
{
color:#FFF;
font-size:30px;
margin:0px;
font-weight:300;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainerannouncement .moduleComponent .innderWrap .imageContainer p
    {
    font-size:36px;
    }

}

.moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent
{
float:left;
position:relative;
box-sizing:border-box;
}

@media screen and (min-width: 768px) {
    .moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent {
        padding-left:5%;
    }
}

.moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent h2
{
color:#2bb461;
font-weight:300;
margin:10px 0px 10px;
font-size: 30px;
line-height: 1.2;
font-family: 'Titillium Web', sans-serif;
text-transform: uppercase
}

.moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent p
{
font-size: 14px;
color: #3d515f;
line-height: 1.2;
margin: 10px 0px 43px 0px;
font-weight: 400;
font-family: 'Titillium Web', sans-serif;
}

@media screen and (min-width: 1000px) {
    .moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent p {
        font-size:26px;
    }
}

.moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent p a
{
display:block;
padding:10px 0px;
text-transform:uppercase;
font-size:14px;
margin-top:20px;
text-align:center;
width:180px;
transition:all 0.5s;
font-weight:300;
border: 2px solid #2bb461;
color: #FFf;
background: #2bb461;
transition: all 0.5s;
text-decoration: none;
position: absolute;
bottom: -33px;
}

.moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent p a:hover
{
border: 2px solid #2bb461;
color: #2bb461;
background: #fff;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent p a
    {
    width:230px;
    }

}

@media screen and (min-width: 768px) {
    .moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent p a {
        bottom: -24px;
    }
}

@media screen and (min-width: 1000px) {
    .moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent p a {
        font-size:20px;
    }
}

.moduleComponentContainerannouncement .moduleComponent .innderWrap .bannerHtmlContent p a:hover
{
border:2px solid #2bb461;
color:#2bb461;
background:#FFF;
}

/************Home Product Callouts*****************/

#homeCallouts
{
float:left;
position:relative;
width:100%;
z-index:4500;
}

.moduleComponentContainerhomeCallouts
{
float:left;
position:relative;
width:100%;
background:#e2e5e7;
padding:1.5% 1.5% 50px 1.5% ;
margin:0px 0px 50px;
}

.moduleComponentContainerhomeCallouts .moduleComponent
{
float:left;
position:relative;
width:94%;
margin:6% 3% 0 3%;
min-height:283px;
background-size:cover;
transition:all 0.5s;
overflow:hidden;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainerhomeCallouts .moduleComponent
    {
    min-height:323px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainerhomeCallouts .moduleComponent
    {
    width:46%;
    margin:4% 2% 0% 2%;
    min-height:283px;
    }

}

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

    .moduleComponentContainerhomeCallouts .moduleComponent
    {
    min-height:283px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainerhomeCallouts .moduleComponent
    {
    min-height:383px;
    }


}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {

    .moduleComponentContainerhomeCallouts .moduleComponent
    {
    width:31.33%;
    margin:2% 1% 0 1%;
    min-height:383px;
    }

}

.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1)
{
float:left;
position:relative;
width:100%;
margin:0 0px 30px;
min-height:130px;
border:0px solid #e2e5e7;
transition:all 0s;
}

.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1) .bannerHtmlHover
{
display:none;
}

.moduleComponentContainerhomeCallouts .moduleComponent a.bannerLinkMask
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent
{
position:absolute;
bottom:0;
left:0;
right:0;
min-height:60px;
text-align:center;
background:url(https://www.baytex.co.nz/images/style/productTitlebg.png) no-repeat;
background-position: top right;
opacity:1;
transition:all 0.5s;
background:rgba(61,81,95,0.85);
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent h2
{
margin:0px;
}

.moduleComponentContainerhomeCallouts .moduleComponent:hover .bannerHtmlContent
{
opacity:0;
bottom:-100px;
transition:all 0.5s;
}


.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1):hover .bannerHtmlContent,
.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1) .bannerHtmlContent
{
float:left;
position:relative;
background:transparent;
padding:0px 3%;
width:100%;
}

.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1):hover .bannerHtmlContent
{
opacity:1;
bottom:0px;
transition:all 0s;
}

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

    .moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1):hover .bannerHtmlContent,
    .moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1) .bannerHtmlContent
    {
    padding:0px 10%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
    .moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1):hover .bannerHtmlContent,
    .moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1) .bannerHtmlContent
    {
    padding:0px 20%;
    display:block;
    }

}

.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1) .bannerHtmlContent .contentInner
{
display:block;
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent .contentInner
{
display:none;
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlHover
{
text-align:center;
width:0%;
position:absolute;
height:0%;
top:50%;
left:50%;
transition:0.5s;
opacity:0;
}

.moduleComponentContainerhomeCallouts .moduleComponent:hover .bannerHtmlHover
{
background:rgba(61,81,95,0.65);
text-align:center;
width:100%;
left:0%;
top:0px;
height:100%;
opacity:1;
padding:20% 0px 0px;
box-sizing:border-box;
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlHover p
{
color:#FFF
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlHover h2
{
margin:0px;
}

.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlHover h2 a,
.moduleComponentContainerhomeCallouts .moduleComponent .bannerHtmlContent h2.bannerTitle a
{
color:#FFF;
font-size:22px;
font-weight:300;
}

.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1) .bannerHtmlContent h2.bannerTitle
{
display:none;
}

.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1) .bannerHtmlContent h2
{
margin-bottom:15px;
}

.moduleComponentContainerhomeCallouts .moduleComponent:nth-of-type(1) .bannerHtmlContent p
{
font-size:18px;
}

/************ Home Companies Callouts *****************/

#companiesCallouts
{
float:left;
position:relative;
width:100%;
z-index:100;
margin:0px 0px 0px;
}

.moduleComponentContainercompaniesCallout
{
float:left;
position:relative;
width:100%;
background:#e2e5e7;
}

.moduleComponentContainercompaniesCallout .greenWrap
{
float:left;
position:relative;
width:100%;
background:#2bb461;
margin:0px 0px 0px;
padding:0px 0px 40px;
}

.moduleComponentContainercompaniesCallout .greenWrap span
{
position:absolute;
top:0px;
bottom:0;
right:0;
left:0;
background:url(https://www.baytex.co.nz/images/style/overlay-logo-lines-companies.png) no-repeat;
background-position:right bottom;
display:;
}

.moduleComponentContainercompaniesCallout .moduleComponent
{
float:left;
position:relative;
text-align:center;
width:100%;
padding:0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainercompaniesCallout .moduleComponent
    {
    width:50%;
    padding:0px 0px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainercompaniesCallout .moduleComponent
    {
    width:33%;
    padding:0px 0px;
    }

}

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

    .moduleComponentContainercompaniesCallout .moduleComponent
    {
    width:33%;
    padding:0px 0px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainercompaniesCallout .moduleComponent
    {
    width:20%;
    padding:0px 0px;
    }

}


.moduleComponentContainercompaniesCallout .moduleComponent .bannerHtmlContent
{
padding:0px 0px;
}

.moduleComponentContainercompaniesCallout .moduleComponent:nth-of-type(1)
{
float:left;
position:relative;
width:100%;
padding:40px 0px;
margin:0px 0px;
}

.moduleComponentContainercompaniesCallout .moduleComponent:nth-of-type(1) .bannerHtmlContent h2
{
color:#FFF;
margin:0px 0px 10px;
}

.moduleComponentContainercompaniesCallout .moduleComponent:nth-of-type(1) .bannerHtmlContent p
{
color:#FFF;
font-size:20px;
font-weight:100;
margin:0px;
}

/************Footer****************/

#footer
{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px;
padding:20px 0px 0px;
min-height:444px;
background:#3d515f url(https://www.baytex.co.nz/images/style/footer-watermark.png) 33px 33px no-repeat;
}

#footer .container
{
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #footer .container
    {
    width:1140px;
    }

}

#footer #copyright
{
float:left;
position:relative;
width:100%;
margin:20px 0px 0px;
padding:30px 0px 0px 0px;
border-top:1px solid #51636f;
}

#footer #copyright img
{
float:left;
position:relative;
margin:0px 0px 0px;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #footer #copyright img
    {
    margin:0px 0px 0px;
    width:40%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #footer #copyright img
    {
    margin:0px 0px 0px;
    width:24.5%;
    }

}

#footer #copyright #copyrightInner
{
float:left;
position:relative;
margin:0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #footer #copyright #copyrightInner
    {
    float:left;
    margin:0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:right;
    width:60%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #footer #copyright #copyrightInner
    {
    float:left;
    margin:0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:right;
    width:75%;
    }

}

#footer #copyright #copyrightInner a
{
display:inline-block;
color:#FFF;
margin:0px 20px 0px 0px;
text-transform:uppercase;
font-weight:100;
font-size:16px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #footer #copyright #copyrightInner a
    {
    margin:0px 20px 0px 80px;
    font-size:16px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #footer #copyright #copyrightInner a
    {
    margin:0px 20px 0px 0px;
    font-size:16px;
    }

}

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

    #footer #copyright #copyrightInner a
    {
    margin:0px 20px 0px 80px;
    font-size:16px;
    }

}

#footer #copyright #copyrightInner p
{
margin:20px 20px 0px 0px;
text-transform:none;
font-weight:100;
font-size:14px;
color:#85919a;
}

#footer #copyright #copyrightInner p a
{
margin:0px 0px 0px 0px;
text-transform:none;
font-weight:100;
font-size:14px;
color:#85919a;
}

#footer #copyright #disclaimer
{
float:left;
position:relative;
width:100%;
margin:0px 0px 10px;
}

#footer #copyright #disclaimer p
{
text-align:left;
color:#85919a;
font-size:14px;
font-weight:100;
}

.moduleComponentContainerfooterContent
{
float:left;
position:relative;
width:100%;
}

.moduleComponentContainerfooterContent .moduleComponent
{
float:left;
position:relative;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainerfooterContent .moduleComponent
    {
    width:50%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainerfooterContent .moduleComponent
    {
    width:25%;
    }

}

.moduleComponentContainerfooterContent .moduleComponent h2
{
color:#FFF;
text-transform:uppercase;
font-size:16px;
font-weight:400;
}

.moduleComponentContainerfooterContent .moduleComponent a
{
color:#FFF;
font-size:16px;
font-weight:100;
}

.moduleComponentContainerfooterContent .moduleComponent a img
{
margin-right:40px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainerfooterContent .moduleComponent a img
    {
    margin-right:20px;
    }

}

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

    .moduleComponentContainerfooterContent .moduleComponent a img
    {
    margin-right:40px;
    }

}

.moduleComponentContainerfooterContent .moduleComponent a:hover img
{
opacity:0.7;
transition:all 0.5s;
}

.moduleComponentContainerfooterContent .moduleComponent a:hover
{
color:#ffcb26;
transition:all 0.5s;
}

/*************Header Banners******************/

.moduleComponentContainerheaderBanners
{
float:left;
position:relative;
width:100% !important;
height:400px !important;
margin:0px 0px 0px!important;
}

.moduleComponentheaderBanners
{
width:100% !important;
height:400px !important;
background-position:center;
background-size:cover;
}

.moduleComponentheaderBanners .centerContainer
{
height:400px !important;
}

.moduleComponentheaderBanners .centerContainerInner
{
height:400px !important;
}

/********************Default Content*************************/

#defaultContent
{
float:left;
position:relative;
width:100%;
z-index:4997;
margin:-85px 0px 0px;
}

#defaultContent .container
{
background:#FFF;
width:100%!important;
padding:10px 3%;
text-align:center;
}

.sitemap #defaultContent .container,
.privacy #defaultContent .container,
.privacy-notice-highlights #defaultContent .container,
.sitesearch #defaultContent .container,
#contact #defaultContent .container
{
text-align:left;
}

.sitemap #defaultContent ul#siteMap
{
margin-top:40px;
-webkit-column-count: 1; /* Chrome, Safari, Opera */
-moz-column-count: 1; /* Firefox */
column-count: 1;
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
-moz-column-gap: 40px; /* Firefox */
column-gap: 40px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .sitemap #defaultContent ul#siteMap
    {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count:2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .sitemap #defaultContent ul#siteMap
    {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count:3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    }

}

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

    .sitemap #defaultContent ul#siteMap
    {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count:4; /* Firefox */
    column-count: 4;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    }

}

.sitemap #defaultContent ul#siteMap li ul
{
margin-left:6px;
}

#defaultContent ul
{
list-style:none;
margin:0px 0px 20px;
}

#defaultContent ul li
{
margin:5px 0px 5px 5px;
padding:0px 0px 0px 0px;
font-weight:400;
}

#defaultContent ul li:before
{
content:"\00b7";
font-size:18px;
padding:0px 5px 0px 0px;
}

/********************Default Full width Content*************************/

#defaultFullWidthContent
{
float:left;
position:relative;
width:100%;
}

#defaultFullWidthContent ul
{
margin:0px 0px 20px;
list-style:none;
}

#defaultFullWidthContent ul li
{
list-style:none;
margin:5px 0px 5px 5px;
padding:0px 0px 0px 0px;
font-weight:400;
}

#defaultFullWidthContent ul li:before
{
content:"\00b7";
font-size:18px;
padding:0px 5px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #defaultContent .container
    {
    width:1344px!important;
    padding:10px 85px;
    }

}

/********************Products Listing*************************/

.productPath
{
text-align:left;
}

.productPath a
{
font-weight:400;
color:#3d515f;
}

.productPath a:last-child
{
font-weight:600;
color:#2bb461;
}

.productPath a.homeLinks
{
display:inline-block;
background:url(https://www.baytex.co.nz/images/style/homeIcon.png) no-repeat;
width:16px;
height:13px;
}

#defaultContent .pageContent
{
float:left;
position:relative;
width:100%;
padding:1.5% 0.7% 3% 0.7%;
}

#defaultContent .pageContent .categoryListing
{
float:left;
position:relative;
width:94%;
margin:6% 3% 0 3%;
min-height:283px;
background-size:cover!important;
background-position:top center;
transition:all 0.5s;
overflow:hidden;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #defaultContent .pageContent .categoryListing
    {
    width:46%;
    margin:4% 2% 0% 2%;
    min-height:383px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .#defaultContent .pageContent .categoryListing
    {
    width:46%;
    margin:4% 2% 0% 2%;
    min-height:283px;
    }

}

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

    #defaultContent .pageContent .categoryListing
    {
    min-height:283px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #defaultContent .pageContent .categoryListing
    {
    min-height:383px;;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {

    #defaultContent .pageContent .categoryListing
    {
    width:31.33%;
    margin:2% 1% 0 1%;
    }

}

#defaultContent .pageContent .categoryListing .bannerHtmlContent
{
position:absolute;
bottom:0;
left:0;
right:0;
min-height:60px;
text-align:center;
background:url(https://www.baytex.co.nz/images/style/productTitlebg.png) no-repeat;
background-position: top right;
opacity:1;
transition:all 0.5s;
background:rgba(61,81,95,0.85);
}


#defaultContent .pageContent .categoryListing:hover .bannerHtmlContent
{
opacity:0;
bottom:-100px;
transition:all 0.5s;
}

#defaultContent .pageContent .categoryListing .bannerHtmlContent h2 a
{

color:#FFF;
font-size:22px;
font-weight:300;
}


#defaultContent .pageContent .categoryListing .bannerHtmlContent h2
{
margin:0px;
}

#defaultContent .pageContent .categoryListing a.bannerLinkMask
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:4000;
}

#defaultContent .pageContent .categoryListing .bannerHtmlHover
{
text-align:center;
width:0%;
position:absolute;
height:0%;
top:50%;
left:50%;
transition:0.5s;
opacity:0;
}

#defaultContent .pageContent .categoryListing:hover .bannerHtmlHover
{
background:rgba(61,81,95,0.65);
text-align:center;
width:100%;
left:0%;
top:0px;
height:100%;
opacity:1;
padding:25% 0px 0px;
box-sizing:border-box;
}

#defaultContent .pageContent .categoryListing .bannerHtmlHover h2 a
{
color:#FFF;
font-size:22px;
font-weight:300;
}

/*************** Product Listing Page ***************/

#defaultContent .pageContent .productListingItem
{
float:left;
position:relative;
width:94%;
margin:6% 3% 0 3%;
min-height:283px;
background-size:cover!important;
background-position:top center!important;
transition:all 0.5s;
overflow:hidden;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #defaultContent .pageContent .productListingItem
    {
    width:46%;
    margin:4% 2% 0% 2%;
    min-height:383px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .#defaultContent .pageContent .productListingItem
    {
    width:46%;
    margin:4% 2% 0% 2%;
    min-height:283px;
    }

}

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

    #defaultContent .pageContent .productListingItem
    {
    min-height:283px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #defaultContent .pageContent .productListingItem
    {
    min-height:383px;;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {

    #defaultContent .pageContent .productListingItem
    {
    width:31.33%;
    margin:2% 1% 0 1%;
    }

}

#defaultContent .pageContent .productListingItem .bannerHtmlContent
{
position:absolute;
bottom:0;
left:0;
right:0;
min-height:60px;
text-align:center;
background:rgba(61,81,95,0.85);
transition:all 0.5s;
}


#defaultContent .pageContent .productListingItem:hover .bannerHtmlContent
{
opacity:0;
bottom:-100px;
transition:all 0.5s;
}

#defaultContent .pageContent .productListingItem .bannerHtmlContent h2
{
color:#FFF;
font-size:22px;
font-weight:300;
margin:15px 0px 0px;
}

#defaultContent .pageContent .productListingItem .bannerHtmlContent h2 a
{
color:#FFF;
font-size:22px;
font-weight:300;
}

#defaultContent .pageContent .productListingItem a.bannerLinkMask
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:4000;
}

#defaultContent .pageContent .productListingItem .bannerHtmlHover
{
text-align:center;
width:0%;
position:absolute;
height:0%;
top:50%;
left:50%;
transition:0.5s;
opacity:0;
}

#defaultContent .pageContent .productListingItem:hover .bannerHtmlHover
{
background:rgba(61,81,95,0.9);
text-align:center;
width:100%;
left:0%;
top:0px;
height:100%;
opacity:1;
padding:25% 0px 0px;
box-sizing:border-box;
}

#defaultContent .pageContent .productListingItem .bannerHtmlHover h2 a
{
color:#FFF;
font-size:22px;
font-weight:300;
}

/************** Resources Landing **********************/

.moduleComponentContainerresourcesLanding
{
float:left;
position:relative;
width:100%;
padding:3% 12.5%;
margin:0px 0px;
box-sizing:border-box;
background:#e2e5e7;
}

.moduleComponentContainerresourcesLanding .moduleComponent#moduleComponent220
{
display:none;
}

.moduleComponentContainerresourcesLanding .moduleComponent
{
float:left;
position:relative;
width:100%;
padding:0px 0px;
margin:0px 0% 20px;
min-height:250px;
background-size:cover;
background-position:top center;
overflow:hidden;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainerresourcesLanding .moduleComponent
    {
    width:48%;
    padding:0px 0px;
    margin:0px 1% 1.6%;
    min-height:250px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainerresourcesLanding .moduleComponent
    {
    width:23.4%;
    padding:0px 0px;
    margin:0px 0.8% 1.6%;
    min-height:250px;
    }

    .moduleComponentContainerresourcesLanding .moduleComponent#moduleComponent237
    {
    width:48.4%;
    padding:0px 0px;
    margin:0px 0.8% 1.6%;
    min-height:250px;
    }

    .moduleComponentContainerresourcesLanding .moduleComponent#moduleComponent238
    {
    width:48.4%;
    padding:0px 0px;
    margin:0px 0.8% 1.6%;
    min-height:250px;
    }
}

.moduleComponentContainerresourcesLanding .moduleComponent#moduleComponent236
{
width:100%;
min-height:50px;
text-align:center;
}

.moduleComponentContainerresourcesLanding .moduleComponent#moduleComponent236 h2
{
font-size:26px;
font-weight:400;
}

.moduleComponentContainerresourcesLanding .moduleComponent#moduleComponent236 .bannerHtmlContent
{
float:left;
position:relative;
width:100%;
background:transparent;
}


.moduleComponentContainerresourcesLanding .moduleComponent .bannerHtmlContent
{
position:absolute;
bottom:0;
left:0;
right:0;
min-height:60px;
text-align:center;
background:rgba(61,81,95,0.9);
opacity:1;
transition:all 0.5s;
padding:0px 80px;
}

.moduleComponentContainerresourcesLanding .moduleComponent:hover .bannerHtmlContent
{
opacity:0;
bottom:-84px;
transition:all 0.5s;
}

.moduleComponentContainerresourcesLanding .moduleComponent#moduleComponent236:hover .bannerHtmlContent
{
bottom:0px;
opacity:1;
}


.moduleComponentContainerresourcesLanding .moduleComponent .bannerHtmlHover h2,
.moduleComponentContainerresourcesLanding .moduleComponent .bannerHtmlContent h2
{
color:#FFF;
font-size:20px;
font-weight:300;
line-height:1;
margin:;
}

.moduleComponentContainerresourcesLanding .moduleComponent .bannerHtmlHover h2 a,
.moduleComponentContainerresourcesLanding .moduleComponent .bannerHtmlContent h2 a
{
color:#FFF;
font-weight:300;
}

.moduleComponentContainerresourcesLanding .moduleComponent#moduleComponent236 .bannerHtmlContent h2
{
color:#3d515f;
font-weight:600;
}


.moduleComponentContainerresourcesLanding .moduleComponent .bannerHtmlHover
{
text-align:center;
width:0%;
position:absolute;
height:0%;
top:50%;
left:50%;
transition:0.5s;
opacity:0;
}

.moduleComponentContainerresourcesLanding .moduleComponent:hover .bannerHtmlHover
{
background:rgba(61,81,95,0.9);
text-align:center;
width:100%;
left:0%;
top:0px;
height:100%;
opacity:1;
padding:30% 0px 0px;
box-sizing:border-box;
}

.moduleComponentContainerresourcesLanding .moduleComponent#moduleComponent236:hover .bannerHtmlHover
{
background:rgba(61,81,95,0);
}

.moduleComponentContainerresourcesLanding .moduleComponent a.bannerLinkMask
{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
}

/*****************Resources Listing*******************/

#default.brochures #pageSource
{
margin-bottom:50px;
}


.documentLibraryItem
{
float:left;
position:relative;
width:100%;
}

.documentLibraryItem:before
{
content: "";
display: block;
padding-top: 200%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .documentLibraryItem
    {
    width:47%;
    margin:0px 1.5% 20px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .documentLibraryItem
    {
    width:30%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .documentLibraryItem
    {
    width:17%;
    }

}


.documentLibraryItem .innerWrap
{
position:  absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.documentLibraryItem .imageMain
{
width:100%;
background: rgba(61,81,95,1) url(https://www.baytex.co.nz/images/style/greyPdfIcon.png) bottom center no-repeat;
background-position: center center;
background-repeat:no-repeat;
}

.documentLibraryItem .imageMain .overlayLink
{
position:absolute;
top:0;
bottom:30%;
left:0;
right:0;
z-index:2000;
background:rgba(61,81,95,0.0);
transition:all 0.5s;
}

.documentLibraryItem .imageMain .overlayLink:hover
{
background:rgba(61,81,95,0.4);
transition:all 0.5s;
}

.documentLibraryItem .imageMain span
{
position:absolute;
top:0;
left:0%;
right:0%;
bottom:30%;
background-size:cover;
background-position: center center;
background-repeat:no-repeat
}

.documentLibraryItem .description
{
position:absolute;
bottom:18%;
left:0px;
right:0px;
}

.documentLibraryItem .description p a
{
color:#3d515f;
font-size:15px;
}

.documentLibraryItem .buttonContainer
{
position:absolute;
bottom:5%;
left:0px;
right:0px;
}

.documentLibraryItem .buttonContainer p
{
margin:0;
}

.documentLibraryItem .buttonContainer p a
{
border:2px solid #2bb461;
display:block;
padding:10px;
text-transform:uppercase;
color:#3d515f;
transition:all 0.5s;
}

.documentLibraryItem .buttonContainer p a:hover
{
border:2px solid #2bb461;
color:#FFF;
background:#2bb461;
}

/***************Bottom Callout********************/

.moduleComponentContainerbottomCallout
{
float:left;
position:relative;
width:100%;
margin:40px 0px;
background:#ffcc25;
text-align:center;
}

.about_us .moduleComponentContainerbottomCallout
{
margin:0px 0px 40px;
}

.moduleComponentContainerbottomCallout .bannerHtmlContent
{
padding:20px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainerbottomCallout .bannerHtmlContent
    {
    padding:20px 100px;
    }

}

.moduleComponentContainerbottomCallout .bannerHtmlContent p
{
margin:0px 0px 40px;
}

.moduleComponentContainerbottomCallout .bannerHtmlContent p a
{
border:2px solid #2bb461;
background:#FFF;
text-transform:uppercase;
padding:5px 10px;
color:#000;
font-size:16px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainerbottomCallout .bannerHtmlContent p a
    {
    padding:5px 50px;
    font-size:20px;
    }

}

.moduleComponentContainerbottomCallout .bannerHtmlContent p a:hover
{
border:2px solid #2bb461;
background:#2bb461;
color:#FFF;
}

.moduleComponentContainerbottomCallout #moduleComponent310 .bannerHtmlContent p a
{
border:0px solid #2bb461;
background:transparent;
padding:0px 10px;
color:transparent;
}

.moduleComponentContainerbottomCallout #moduleComponent310 .bannerHtmlContent p a:hover
{
opacity:0.7;
}

/***************Staff Profiles****************/

.moduleListingWrapperStaffProfilesX
{
float:left;
position:relative;
width:100%;
text-align:center;
}

.moduleListingWrapperStaffProfilesX #pageSource
{
float:left;
position:relative;
width:100%;
background:#FFF;
margin:-80px 0px 0px;
padding: 1.5% 7.5% 3%;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX
{
float:left;
position:relative;
width:100%;
padding:0px 11%;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem
{
float:left;
position:relative;
width:100%;
padding:0px 0% 20px;
min-height:180px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem
    {
    width:50%;
    padding:0px 1%;
    min-height:600px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem
    {
    width:25%;
    padding:0px 0.6%;
    min-height:580px;
    }

}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent
{
float:left;
position:relative;
width:100%;
padding:0px 4%;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent h3
{
font-size:20px;
margin:10px 0px 0px 0px;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent p
{
font-size:14px;
margin:5px 0px 10px 0px;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent #extraField8
{
font-size:17px;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent #extraField9
{
display:inline-block;
width:18px;
height:19px;
margin:0px 5px 0px;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent #extraField9 a
{
display:inline-block;
width:18px;
height:19px;
background: url(https://www.baytex.co.nz/images/style/linkedinIcon.png) bottom center no-repeat;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent #extraField9 a:hover
{
background: url(https://www.baytex.co.nz/images/style/linkedinIconHover.png) bottom center no-repeat;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent #extraField10
{
display:inline-block;
width:21px;
height:16px;
margin:0px 5px 0px;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent #extraField10 a
{
display:inline-block;
width:21px;
height:16px;
background: url(https://www.baytex.co.nz/images/style/emailIcon.png) bottom center no-repeat;
}

.moduleListingWrapperStaffProfilesX #listingStaffProfilesX .listingItem .moduleItemContent #extraField10 a:hover
{
background: url(https://www.baytex.co.nz/images/style/emailIconHover.png) bottom center no-repeat;
}

/**************** History and Achievements******************/

.moduleListingWrapperAchievements,
.moduleListingWrapperOurHistory
{
float:left;
position:relative;
width:100%;
}

.moduleListingWrapperAchievements .moduleItemsListing,
.moduleListingWrapperOurHistory .moduleItemsListing
{
float:left;
position:relative;
width:100%;
margin:40px 0px 0px;
}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem
{
float:left;
position:relative;
width:100%;
padding-bottom:40px;
}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:last-child:after
{
border:0px solid #3d515f;
content:"";
width:0%;
height:0px;
position:absolute;
bottom:0px;
left:45%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperAchievements .moduleItemsListing .listingItem:last-child:after
    {
    border:1px solid #3d515f;
    content:"";
    width:10%;
    height:0px;
    position:absolute;
    bottom:0px;
    left:45%;
    }

}

.moduleListingWrapperAchievements .moduleItemsListing span,
.moduleListingWrapperOurHistory .moduleItemsListing span
{
position:absolute;
top:0px;
bottom:0;
left:49.8%;
width:2px;
background:#3d515f;
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperAchievements .moduleItemsListing span,
    .moduleListingWrapperOurHistory .moduleItemsListing span
    {
    display:block;
    }

}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-of-type(1) span,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-of-type(1) span
{
top:30px;
}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem .moduleItemHeader,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem .moduleItemHeader
{
position:absolute;
top:0px;
left:0px;
right:0;
}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem .moduleItemHeader h2,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem .moduleItemHeader h2
{
float:none;
color:#2bb461;
font-size:24px;
font-weight:400;
}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem .moduleItemHeader h2:after,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem .moduleItemHeader h2:after
{
content:"";
position:absolute;
top:28px;
width:15px;
height:15px;
background:#2bb461;
border-radius:100%;
}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem .moduleItemContent,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem .moduleItemContent
{
float:left;
position:relative;
width:100%;
margin:60px 0px 0px;
padding:6px 20px;
background:#ebedef;
text-align:left;
min-height:70px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperAchievements .moduleItemsListing .listingItem .moduleItemContent,
    .moduleListingWrapperOurHistory .moduleItemsListing .listingItem .moduleItemContent
    {
    width:44%;
    margin:0px;
    padding:6px 20px;
    }

}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem .moduleItemContent:before,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem .moduleItemContent:before
{
content:"";
position:absolute;
top:20px;
width:26px;
height:30px;
}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem .moduleItemContent p,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem .moduleItemContent p
{
font-weight:400;
margin:6px 0px;
}

.moduleListingWrapperOurHistory .moduleItemsListing p#bottomText
{
float:left;
position:relative;
text-transform:uppercase;
border:2px solid #3d515f;
left:0%;
padding:5px 30px;
font-size:22px;
margin:0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperOurHistory .moduleItemsListing p#bottomText
    {
    left:26%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleListingWrapperOurHistory .moduleItemsListing p#bottomText
    {
    left:32%;
    }

}

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

    .moduleListingWrapperOurHistory .moduleItemsListing p#bottomText
    {
    left:36.5%;
    }

}

/*********** History Right Side (odd) ***************/

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(odd) .moduleItemHeader h2,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(odd) .moduleItemHeader h2
{
float:left;
margin:20px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(odd) .moduleItemHeader h2,
    .moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(odd) .moduleItemHeader h2
    {
    float:none;
    margin:20px 170px 0px 0px;
    }

}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(odd) .moduleItemHeader h2:after,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(odd) .moduleItemHeader h2:after
{
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(odd) .moduleItemHeader h2:after,
    .moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(odd) .moduleItemHeader h2:after
    {
    left:49.3%;
    display:block;
    }

}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(odd) .moduleItemContent,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(odd) .moduleItemContent
{
float:right;
text-align:left;
}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(odd) .moduleItemContent:before,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(odd) .moduleItemContent:before
{
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(odd) .moduleItemContent:before,
    .moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(odd) .moduleItemContent:before
    {
    left:-26px;
    background: url(https://www.baytex.co.nz/images/style/leftHistoryArrow.png) center center no-repeat;
    display:block;
    }

}


/***********History Left Side (Even)****************/

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(even) .moduleItemHeader h2,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(even) .moduleItemHeader h2
{
float:left;
margin:20px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(even) .moduleItemHeader h2,
    .moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(even) .moduleItemHeader h2
    {
    float:none;
    margin:20px 0px 0px 170px;
    }

}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(even) .moduleItemHeader h2:after,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(even) .moduleItemHeader h2:after
{
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(even) .moduleItemHeader h2:after,
    .moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(even) .moduleItemHeader h2:after
    {
    left:49.3%;
    display:block;
    }

}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(even) .moduleItemContent,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(even) .moduleItemContent
{
float:left;
text-align:left;
}

.moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(even) .moduleItemContent:before,
.moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(even) .moduleItemContent:before
{
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperAchievements .moduleItemsListing .listingItem:nth-child(even) .moduleItemContent:before,
    .moduleListingWrapperOurHistory .moduleItemsListing .listingItem:nth-child(even) .moduleItemContent:before
    {
    right:-26px;
    background: url(https://www.baytex.co.nz/images/style/rightHistoryArrow.png) center center no-repeat;
    display:block;
    }

}

#listingOurHistory .listingItem
{
background:#FFF;
}

#listingOurHistory .listingItem:nth-of-type(11),
#listingAchievements .listingItem:nth-of-type(11)
{
    -webkit-animation-duration:0.5s;
    -moz-animation-duration:0.5s;
    -o-animation-duration:0.5s;
    animation-duration:0.5s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(10),
#listingAchievements .listingItem:nth-of-type(10)
{
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(9),
#listingAchievements .listingItem:nth-of-type(9)
{
    -webkit-animation-duration:1.5s;
    -moz-animation-duration:1.5s;
    -o-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(8),
#listingAchievements .listingItem:nth-of-type(8)
{
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(7),
#listingAchievements .listingItem:nth-of-type(7)
{
    -webkit-animation-duration:2.5s;
    -moz-animation-duration:2.5s;
    -o-animation-duration:2.5s;
    animation-duration:2.5s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(6),
#listingAchievements .listingItem:nth-of-type(6)
{
    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    -o-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(5),
#listingAchievements .listingItem:nth-of-type(5)
{
    -webkit-animation-duration:3.5s;
    -moz-animation-duration:3.5s;
    -o-animation-duration:3.5s;
    animation-duration:3.5s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(4),
#listingAchievements .listingItem:nth-of-type(4)
{
    -webkit-animation-duration:4s;
    -moz-animation-duration:4s;
    -o-animation-duration:4s;
    animation-duration:4s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(3),
#listingAchievements .listingItem:nth-of-type(3)
{
    -webkit-animation-duration:4.5s;
    -moz-animation-duration:4.5s;
    -o-animation-duration:4.5s;
    animation-duration:4.5s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(2),
#listingAchievements .listingItem:nth-of-type(2)
{
    -webkit-animation-duration:5s;
    -moz-animation-duration:5s;
    -o-animation-duration:5s;
    animation-duration:5s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}

#listingOurHistory .listingItem:nth-of-type(1),
#listingAchievements .listingItem:nth-of-type(1)
{
    -webkit-animation-duration:5.5s;
    -moz-animation-duration:5.5s;
    -o-animation-duration:5.5s;
    animation-duration:5.5s;
    -webkit-animation-name:float-up;
    -moz-animation-name:float-up;
    -o-animation-name:float-up;
    animation-name:float-up;
    -webkit-animation-iteration-count:1;
    -moz-animation-iteration-count:1;
    -o-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
    -moz-animation-timing-function:ease-out;
    -o-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

}



@-webkit-keyframes float-up {
    0% {
        top:500px;
    }

    35% {
        top:-20px;

    }
    100% {
        top:0px;
        opacity:1;
    }
}
@-moz-keyframes float-up {
    0% {
        top:500px;
    }

    35% {
        top:-20px;

    }
    100% {
        top:0px;
        opacity:1;
    }
}
@-o-keyframes float-up {
    0% {
        top:500px;
    }

    35% {
        top:-20px;

    }
    100% {
        top:0px;
        opacity:1;
    }
}
@-keyframes float-up {
    0% {
        top:500px;
    }

    35% {
        top:-20px;

    }
    100% {
        top:0px;
        opacity:1;
    }
}

/*************About Us Landing***************/

.moduleComponentContaineraboutUsContent
{
float:left;
position:relative;
width:100%;
background:#FFF;
text-align:left;
}

.moduleComponentContaineraboutUsContent .bannerTitle
{
display:none;
}

.moduleComponentContaineraboutUsContent .moduleComponent
{
float:left;
position:relative;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContaineraboutUsContent .moduleComponent
    {
    width:50%;
    }

}

.moduleComponentContaineraboutUsContent .moduleComponent .bannerHtmlContent h1
{
font-size:48px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContaineraboutUsContent .moduleComponent .bannerHtmlContent h1
    {
    font-size:58px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContaineraboutUsContent .moduleComponent .bannerHtmlContent h1
    {
    font-size:78px;
    }

}

.moduleComponentContaineraboutUsContent .moduleComponent .bannerHtmlContent p
{
font-size:24px;
}

/****************** Company Resources Content*****************/

.moduleComponentContainercompanyResourcesContent
{
float:left;
position:relative;
width:100%;
background:#ebedef;
padding:40px 0px;
}

.moduleComponentContainercompanyResourcesContent .bannerTitle
{
display:none;
}

.moduleComponentContainercompanyResourcesContent .container
{
padding:0px 10px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainercompanyResourcesContent .container
    {
    padding:0px 20px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainercompanyResourcesContent .container
    {
    padding:0px 93px;
    }

}

.moduleComponentContainercompanyResourcesContent .moduleComponent
{
float:left;
position:relative;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainercompanyResourcesContent .moduleComponent
    {
    width:50%;
    }

}

.moduleComponentContainercompanyResourcesContent .moduleComponent .bannerHtmlContent h1
{
font-size:48px;
color:#3d515f;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainercompanyResourcesContent .moduleComponent .bannerHtmlContent h1
    {
    font-size:58px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainercompanyResourcesContent .moduleComponent .bannerHtmlContent h1
    {
    font-size:78px;
    }

}

.moduleComponentContainercompanyResourcesContent .moduleComponent .bannerHtmlContent p
{
font-size:16px;
}

.moduleComponentContainercompanyResourcesContent .moduleComponent .bannerHtmlContent ul
{
list-style:none;
}

.moduleComponentContainercompanyResourcesContent .moduleComponent .bannerHtmlContent ul li
{
margin:5px 0px 5px 5px;
padding:0px 0px 0px 0px;
}

.moduleComponentContainercompanyResourcesContent .moduleComponent .bannerHtmlContent ul li:before
{
content:"\00b7";
font-size:18px;
padding:0px 5px 0px 0px;
}

/************** Our Clients Carousel **************/

.moduleComponentContainerourClientsCarousel
{
float:left;
position:relative;
width:100%;
background:#FFF url(https://www.baytex.co.nz/images/style/carouselBg.png) center center no-repeat;
background-attachment: fixed;
}

.moduleComponentContainerourClientsCarousel .carouselHeading
{
float:left;
position:relative;
width:100%;
text-align:center;
margin:0px 0px;
padding:0px 0px;
}

.moduleComponentContainerourClientsCarousel .carouselHeading h2
{
margin:30px 0px 0px;
padding:0px 0px;
}

.moduleComponentContainerourClientsCarousel .carouselHeading p
{
margin:0px 0px 30px;
padding:0px 0px;
}

.moduleComponentContainerourClientsCarousel .container
{
width:90%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainerourClientsCarousel .container
    {
    width:90%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1400px) {

    .moduleComponentContainerourClientsCarousel .container
    {
    width:70%;
    }

}


.moduleComponentContainerourClientsCarousel .owl-item
{
padding:0px 0px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainerourClientsCarousel .owl-item
    {
    padding:0px 50px;
    }

}


.owl-stage-outer
{
z-index:1000;
}

.moduleComponentContainerourClientsCarousel .owl-nav
{
position:absolute;
top:7%;
left:-3%;
width:106%!important;
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainerourClientsCarousel .owl-nav
    {
    display:block;
    }

}

.moduleComponentContainerourClientsCarousel .owl-nav .owl-next,
.moduleComponentContainerourClientsCarousel .owl-nav .owl-prev
{
font-size:0;
height:40px;
background:transparent;
}

.moduleComponentContainerourClientsCarousel .owl-nav .owl-next:hover,
.moduleComponentContainerourClientsCarousel .owl-nav .owl-prev:hover
{
background:transparent;
}

.moduleComponentContainerourClientsCarousel .owl-nav .owl-prev
{
float:left;
}

.moduleComponentContainerourClientsCarousel .owl-nav .owl-prev:before
{
content:">";
position:absolute;
top:9px;
left:0px;
width:16px;
height:30px;
background: url(https://www.baytex.co.nz/images/style/leftCarouselArrow.png) center center no-repeat;
}

.moduleComponentContainerourClientsCarousel .owl-nav .owl-next
{
float:right;
}

.moduleComponentContainerourClientsCarousel .owl-nav .owl-next:before
{
content:">";
position:absolute;
top:9px;
right:0px;
width:16px;
height:30px;
background: url(https://www.baytex.co.nz/images/style/rightCarouselArrow.png) center center no-repeat;
}

/*************Contact Us ****************/

#faqsContainer
{
display:none;
}

#contact #pageSource table td
{
width:100%;
display:block;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #contact #pageSource table td
    {
    width:33%;
    display:inline-block;
    }

}

.formHeaderText
{
margin:0px 0px 25px;
padding:0px;
}

.formHeaderText h2,
#contact #faqsContainer h2
{
margin:0px 0px 20px;
padding:0px;
}

/**************Faqs Slide out ***************/

#contact #faqsContainer
{
float:left;
position:relative;
width:100%;
margin-right:0%;
margin-bottom:40px;
display:block;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #contact #faqsContainer
    {
    width:48%;
    margin-right:2%;
    }

}

#contact #faqsContainer .moduleComponentContainer
{
float: left;
position: relative;
width:100%;
}

#contact #faqsContainer .moduleComponentContainer .moduleComponent
{
float: left;
position: relative;
width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px;
border-bottom: 1px solid #e5e5e5;
}


#contact #faqsContainer .moduleComponentContainer .moduleComponent h2.bannerTitle
{
font-size: 16px;
color: #3d515f;
width:95%;
font-weight:600;
padding:20px 0px 0px;
}

#contact #faqsContainer .moduleComponentContainer .expand
{
position: absolute;
width:100%;
height:34px;
padding:0px;
}

#contact #faqsContainer .moduleComponentContainer .expand #minus
{
position: absolute;
top:0;
bottom:0;
right:10px;
left:0;
cursor: pointer;
display:none;
}

#contact #faqsContainer .moduleComponentContainer .expand #minus.minusActive
{
display:block;
height:60px;
background: url(https://www.baytex.co.nz/images/style/faqUpArrow.png) right center no-repeat;
}

#contact #faqsContainer .moduleComponentContainer .expand #minus.minusActive:hover
{
display:block;
background: url(https://www.baytex.co.nz/images/style/faqUpArrowHover.png) right center no-repeat;
}

#contact #faqsContainer .moduleComponentContainer .expand #plus
{
position: absolute;
top:0;
bottom:0;
right:10px;
left:0;
cursor: pointer;
display:none;
}

#contact #faqsContainer .moduleComponentContainer .expand #plus.plusActive
{
display:block;
height:60px;
background: url(https://www.baytex.co.nz/images/style/faqDownArrow.png) right center no-repeat;
}

#contact #faqsContainer .moduleComponentContainer .expand #plus.plusActive:hover
{
display:block;
background: url(https://www.baytex.co.nz/images/style/faqDownArrowHover.png) right center no-repeat;
}

#contact #faqsContainer .moduleComponentContainer .popup #plus
{
display:none;
}

/**************************************/

#contact .contactLinks
{
margin:30px 0px 30px -10px;
color:#c0c6cb;
}

#contact .contactLinks a
{
color:#c0c6cb;
margin:0px 10px;
}

#contact .contactLinks strong a,
#contact .contactLinks a strong
{
color:#3d515f!important;
}

#contact .contactLinks a:hover
{
color:#3d515f;
font-weight:700;
}

/************** Email Forms *************/

#emailForm
{
float:left;
position:relative;
width:100%;
margin-left:0%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #emailForm
    {
    width:49%;
    margin-left:1%;
    }

    .request-fire-certificate #emailForm
    {
    width:100%;
    margin-left:0%;
    }


}

#emailForm .labelHorizontal
{
display:none;
}

#emailForm .formRow.field149Container .labelHorizontal,
#emailForm .formRow.field151Container .labelHorizontal,
#emailForm .formRow.field152Container .labelHorizontal,
#emailForm .formRow.field153Container .labelHorizontal,
#emailForm .formRow.field154Container .labelHorizontal,
#emailForm .formRow.field156Container .labelHorizontal,
#emailForm .formRow.field157Container .labelHorizontal,
#emailForm .formRow.field158Container .labelHorizontal,

#emailForm .formRow.field135Container .labelHorizontal,
#emailForm .formRow.field136Container .labelHorizontal,
#emailForm .formRow.field118Container .labelHorizontal,
#emailForm .formRow.field117Container .labelHorizontal,
#emailForm .formRow.field114Container .labelHorizontal,
#emailForm .formRow.field115Container .labelHorizontal,
#emailForm .formRow.field94Container .labelHorizontal,
#emailForm .formRow.field95Container .labelHorizontal,
#emailForm .formRow.field193Container .labelHorizontal
{
display:block;
color:#3d515f!important;
font-weight:600!important;
font-size:14px;
margin-bottom:10px;
}

#emailForm .formRow
{
float:left;
position:relative;
width:100%;
margin:0px 0px 25px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #emailForm .formRow
    {
    width:48%;
    margin:0px 0px 25px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #emailForm .formRow
    {
    width:100%;
    margin:0px 0px 25px;
    }

}

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

    #emailForm .formRow
    {
    width:48%;
    margin:0px 0px 25px;
    }

}


#emailForm .formRow:nth-child(even)
{
float:right;
}

#emailForm .formRow select,
#emailForm .formRow textarea,
#emailForm .formRow input
{
width:100%;
padding:5px 10px;
border-radius:4px;
border:1px solid #cbc8cb;
color:#3d515f!important;
font-weight:600;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
}

#emailForm .formRow select
{
padding:4px 10px;
}

#emailForm .formRow select:focus,
#emailForm .formRow textarea:focus,
#emailForm .formRow input:focus,
#emailForm .formRow select:hover,
#emailForm .formRow textarea:hover,
#emailForm .formRow input:hover
{
border:1px solid #2bb461;
}

#emailForm .formRow.field114Container label,
#emailForm .formRow.field94Container label
{
float:left;
position:relative;
margin:0px 10px 0px 10px;
}

#emailForm .formRow textarea::placeholder,
#emailForm .formRow input::placeholder
{
color:#3d515f!important;
font-weight:600!important;
}

#emailForm .formRow.field159Container,
#emailForm .formRow.field160Container,
#emailForm .formRow.field155Container,
#emailForm .formRow.field148Container,
#emailForm .formRow.field147Container,
#emailForm .formRow.field129Container,
#emailForm .formRow.field130Container,
#emailForm .formRow.field131Container,
#emailForm .formRow.field132Container,
#emailForm .formRow.field135Container,
#emailForm .formRow.field136Container,
#emailForm .formRow.field137Container,
#emailForm .formRow.field117Container,
#emailForm .formRow.field108Container,
#emailForm .formRow.field109Container,
#emailForm .formRow.field110Container,
#emailForm .formRow.field111Container,
#emailForm .formRow.field114Container,
#emailForm .formRow.field115Container,
#emailForm .formRow.field116Container,
#emailForm .formRow.field95Container,
#emailForm .formRow.field94Container,
#emailForm .formRow.field88Container,
#emailForm .formRow.field97Container,
#emailForm .formRow.field89Container,
#emailForm .formRow.field96Container,
#emailForm .formRow.field91Container,
#emailForm .formRow.field179Container,
#emailForm .formRow.field177Container
{
width:100%;
}

#emailForm .formRow.field149Container,
#emailForm .formRow.field151Container,
#emailForm .formRow.field152Container,
#emailForm .formRow.field153Container,
#emailForm .formRow.field154Container,
#emailForm .formRow.field156Container,
#emailForm .formRow.field157Container,
#emailForm .formRow.field158Container
{
float:left;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #emailForm .formRow.field149Container,
    #emailForm .formRow.field151Container,
    #emailForm .formRow.field152Container,
    #emailForm .formRow.field153Container,
    #emailForm .formRow.field154Container,
    #emailForm .formRow.field156Container,
    #emailForm .formRow.field157Container,
    #emailForm .formRow.field158Container
    {
    width:33.33%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #emailForm .formRow.field149Container,
    #emailForm .formRow.field151Container,
    #emailForm .formRow.field152Container,
    #emailForm .formRow.field153Container,
    #emailForm .formRow.field154Container,
    #emailForm .formRow.field156Container,
    #emailForm .formRow.field157Container,
    #emailForm .formRow.field158Container
    {
    width:20%;
    }


}


#emailForm .formRow.field147Container,
#emailForm .formRow.field177Container
{
text-align:left;
}

#emailForm .formRow.field147Container input.fchk,
#emailForm .formRow.field177Container input.fchk
{
float:left;
width:26px!important;
border:1px solid #FF0000;
}

.fgroup
{
width:100%;
text-align:left!important;
}

.fgroup td
{
width:100%;
}

.fgroup td input
{
width:20px!important;
display:inline-block;
}

.fgroup td label
{
display:inline-block;
}

#emailForm .buttonBar
{
float:left;
position:relative;
width:100%;
text-align:left;
}

#emailForm .buttonBar input
{
text-transform:uppercase;
border:2px solid #2bb461;
color:#000;
background:#FFF;
font-size:20px;
font-family: 'Titillium Web', sans-serif;
padding:5px 40px;
transition:all 0.5s;
cursor:pointer;
}

#emailForm .buttonBar input:hover
{
border:2px solid #2bb461;
color:#FFf;
background:#2bb461;
transition:all 0.5s;
}

/*************Bread Crumbs**************************/

.breadcrumbs
{
float:left;
position:relative;
text-align:left;
color:#2bb461;
font-weight:600;
z-index:10;
width:100%;
}

.breadcrumbs span
{
color:#3d515f;
font-weight:400;
}

.breadcrumbs a
{
font-weight:400;
color:#3d515f;
}

.breadcrumbs a.homeLinks
{
display:inline-block;
background:url(https://www.baytex.co.nz/images/style/homeIcon.png) no-repeat;
width:16px;
height:13px;
}

/********** Product Details Standard ************/

#ajaxBusy,
#buttonsPanel,
#productAttributes,
.productPrices,
.product-details .breadcrumbs
{
display:none;
}

#productDetail
{
float:left;
position:relative;
text-align:left;
width:100%;
}

#productDetail #left
{
float:left;
position:relative;
width:100%;
margin-right:0%;
}

#productDetail #right-carousel
{
float:left;
position:relative;
/*padding:10px;
/*box-sizing:border-box;*/
margin-top:20px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-bottom: 20px;
}


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

#productDetail #right-carousel
{
float:left;
position:relative;
/*padding:10px;
/*box-sizing:border-box;*/
margin-top:20px;
margin-left: auto;
margin-right: auto;
width: 50%;
padding-bottom: 20px;
}

}

#productDetail #right
{
float:left;
position:relative;
width:100%;
margin-left:0%;
background:#ebedef;
padding:20px;
box-sizing:border-box;
margin-top:20px;
}



#productDetail #left table.earthAnchors
{
}

#productDetail #left table.earthAnchors tr:nth-child(even)
{
background:#f8f8f8;
}

#productDetail #left table.earthAnchors tr td
{
padding:15px 10px;
vertical-align:middle;
}

#productDetail #left table.earthAnchors tr td p
{
padding:0px;
margin:0px 0px;
}


/*************************/

#productDetail #left table.glampingTable
{
}

#productDetail #left table.glampingTable tr:nth-child(even)
{
background:#f8f8f8;
}

#productDetail #left table.glampingTable tr td
{
padding:15px 10px;

}

#productDetail #left table.glampingTable tr td p
{
padding:0px;
margin:0px 0px;
}

#productDetail #left table.glampingTable td:nth-of-type(1)
{
width:30%;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    #productDetail #left
    {
    width:49%;
    margin-right:1%;
    }

    #productDetail #right
    {
    width:49%;
    margin-left:1%;
    margin-top:0px;
    }

    #productDetail.Earth.Anchors #left
    {
    width:100%;
    margin-right:0%;
    }

    #productDetail.Earth.Anchors #right
    {

    }


}

#productDetail #full
{
float:left;
position:relative;
text-align:left;
width:100%;
}

#productDetail #full #productDetailSocialMedia
{
float:left;
position:relative;
width:100%;
}

#productDetail #full #productDetailSocialMedia #facebook
{
float:left;
position:relative;
margin:2px 6px 0px 0px;
}

#productDetail #full #productDetailSocialMedia #twitter
{
float:left;
position:relative;
margin:3px 6px 0px 0px;
}

#productDetail #full #productDetailSocialMedia .pinterest
{
float:left;
position:relative;
margin:0px 6px 0px 0px;
}

#productDetail #full #productDetailSocialMedia .pinterest a
{
margin:3px 0px 0px 0px;
}

#productDetail #full #productDetailSocialMedia #plusone
{
float:left;
position:relative;
margin:3px 0px 0px 0px;
}

.productBackLink
{
float:left;
position:relative;
width:100%;
margin:40px 0px 0px;
}

/**************Product Details**********************/

/* .productTopWrapper::after {
    display: block;
    content: "";
    clear: both;
} */
.productTopWrapper {
    display: flex;
    justify-content: space-between;
}
#left .sizeLinker {
    font-size:15px;
    flex-grow: 1
}
.productTopWrapper .downloadSpecButton {
    border: 1px solid #e2e2dc;
    border-radius: 4px;
    background: #f2f2f2;
    color: #3d515f;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:8px 22px 8px 22px;
}

#left select {
border:1px solid #e2e2dc;
border-radius:4px;
padding:8px 10px 8px 10px;
background:#f2f2f2;
margin:0px;
color:#3d515f;
cursor:pointer;
box-sizing: border-box;
height: 100%
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 350px) {

    .productTopWrapper {
        flex-direction: column;
    }
    .productTopWrapper .downloadSpecButton {
        margin-top:10px;
    }
    #left select {
        width: 100%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {
    
    .productTopWrapper {
        flex-direction: row;
    }
    .productTopWrapper .downloadSpecButton {
        margin-left:10px;
        margin-top: 0px;
    }
    #left select {
        width: auto;
    }

}

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

    

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {


}

/*****************Tabs*********************/

#descrTabs
{
float:left;
position:relative;
width:100%;
border:0px;
margin:30px 0px 30px;
padding:0px;
}

#descrTabs.isStandardProduct
{
margin:0px 0px 30px;
}

#descrTabs ul.nav-tabs
{
float:left;
position:relative;
width:100%;
list-style:none;
margin:0px;
padding:0px;
border:0px;
}

#descrTabs ul.nav-tabs li
{
float:left;
position:relative;
margin:0px;
padding:0px;
width:100%;
}

#descrTabs ul.nav-tabs li:before
{
content:"";
font-size:0;
padding:0;
}

a.nav-link
{
border:1px solid #3d515f!important;
background:#3d515f;
color:#FFF;
}

#descrTabs.isStandardProduct a.nav-link.active
{
display:none;
}

a.nav-link.active
{
border:1px solid #ccc!important;
border-bottom:0px!important;
}

#descrTabs .tab-pane.active
{

border:1px solid #cccccc!important;
border-top:0px!important;
position:relative;
float:left;
padding:10px 15px 10px;
margin:-1px 0px 0px;
border-radius:0px 0px 6px 6px;
width:100%;
}

#descrTabs.isStandardProduct .tab-pane.active
{
border:transparent!important;
padding:0px 0px 0px;
}

/************Product Summary****************/

#right .productSummary
{
float:left;
position:relative;
width:100%;
}

#right .productSummary span.heading
{
float:left;
position:relative;
width:100%;
border-bottom:2px solid #3d515f;
font-size:26px;
text-transform:uppercase;
box-sizing:border-box;
padding:0px 15px;
margin-bottom:10px;
}

#right .productSummary .summaryItem
{
float:left;
position:relative;
width:100%;
margin:0px 0px 5px;
box-sizing:border-box;
padding:0px 15px;
}

#right .productSummary .summaryLabel
{
float:left;
position:relative;
width:30%;
font-size:16px;
text-transform:uppercase;
font-weight:600;
}

#right .productSummary .summaryValue
{
float:left;
position:relative;
width:70%;
font-size:15px;
}

.productDisclaimer
{
float:left;
position:relative;
width:100%;
font-size:16px;
margin-bottom:15px;
padding-left:15px;
color:#37b86a;
line-height:1.2;
}

/*******************************/

#right .enquiryForm
{
float:left;
position:relative;
width:100%;
}
#right .enquiryForm .alert-success {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
}
#right .enquiryForm .enquiryFormabel
{
float:left;
position:relative;
width:100%;
border-bottom:2px solid #3d515f;
font-size:26px;
text-transform:uppercase;
box-sizing:border-box;
padding:0px 15px;
margin-bottom:10px;
}

#right .enquiryForm form
{
float:left;
position:relative;
width:100%;
padding:0px 15px;
box-sizing:border-box;
}

#right .enquiryForm form input
{
width:100%;
padding:6px 10px;
border-radius:4px;
border:1px solid #cbc8cb;
color:#3d515f!important;
font-weight:400;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
margin:10px 0px 10px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #right .enquiryForm form input
    {
    width:48%;
    padding:6px 10px;
    margin:10px 0px 10px;
    }

}

#right .enquiryForm form input:focus,
#right .enquiryForm form input:hover
{
padding:6px 10px;
border-radius:4px;
border:1px solid #2bb461;
background:#FFF;
color:#3d515f!important;
font-weight:400;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
margin:10px 0px 10px;
}

#right .enquiryForm form input:nth-child(even)
{
float:right;
}

#right .enquiryForm form select
{
float:right;
width:100%;
padding:4px 10px;
border-radius:4px;
border:1px solid #cbc8cb;
color:#3d515f!important;
font-weight:400;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
margin:10px 0px 10px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    #right .enquiryForm form select
    {
    width:48%;
    padding:4px 10px;
    border-radius:4px;
    border:1px solid #cbc8cb;
    margin:10px 0px 10px;
    }

}

#right .enquiryForm form span
{
float:left;
position:relative;
width:100%;
margin:0px 0px 10px;
font-weight:600;
font-size:16px;
}

#right .enquiryForm form textarea
{
width:100%;
padding:6px 10px;
border-radius:4px;
border:1px solid #cbc8cb;
color:#3d515f!important;
font-weight:400;
font-family: 'Titillium Web', sans-serif;
font-size:14px;
margin:10px 0px 10px;
min-height:115px;
}

#right .enquiryForm form textarea:focus,
#right .enquiryForm form textarea:hover
{
border:1px solid #2bb461;
}

#right .enquiryForm form input.enquiryFormButton
{
float:left;
text-transform:uppercase;
border:2px solid #2bb461;
color:#000;
background:#FFF;
font-size:20px;
font-family: 'Titillium Web', sans-serif;
padding:5px 40px;
transition:all 0.5s;
cursor:pointer;
border-radius:0px;
width:160px;
}

#right .enquiryForm form input.enquiryFormButton:hover
{
border:2px solid #2bb461;
color:#FFF!important;
background:#2bb461;
transition:all 0.5s;
}

/******** Specs and information **************/

#productDetail #left .productSpecs
{
float:left;
position:relative;
width:100%;
margin:0px 0px;
padding:0px;
}

#productDetail #left .productSpecs .productSpecsHeader
{
display:block;
width:100%;
margin:10px 0px 15px;
padding:0px 10px 5px;
border-bottom:2px solid #ccc;
font-size:20px;
font-weight:600;
}

#productDetail #left .productSpecs table
{
float:left;
position:relative;
width:100%;
}

#productDetail #left .productSpecs table td
{
width:50%;
padding:4px 10px;
margin:0px 0px;
font-size:16px;
border-bottom:1px solid #ccc;
}

#productDetail .carousel
{
/*float:left;
position:relative;
width:94%;
margin:20px 2% 0px;
border:2px solid #ccc;
padding:0px 0px 30px;
overflow:hidden;
*/
}

#productDetail.Earth.Anchors .carousel
{
display:none;
}

#right .carousel
{
float:left;
position:relative;
padding:0px;
border:0px solid #FFF;
width:100%;
margin:0 0px 20px;
overflow:hidden;
}

#right-carousel .carousel
{
float:left;
position:relative;
padding:0px;
border:0px solid #FFF;
width:100%;
overflow:hidden;
}

.carousel .carousel-item img
{
display:block;
/*max-width: none;
/*max-height: 367px; /*added by Taylor*/
width: 100%;
height: auto;
margin-left: 15px;
}

ol.carousel-indicators
{
margin:0px;
padding:0px;
bottom:0;
}

ol.carousel-indicators li
{
max-width:11px!important;
height:10px;
background:#3d515f;
border-radius:100%;
border:1px solid #3d515f;
}

ol.carousel-indicators li.active
{
background: #FFF url(https://www.baytex.co.nz/images/style/activeDot.png) center center no-repeat;
}

#right-carousel ol.carousel-indicators li
{
max-width:11px!important;
height:10px;
background:#FFF;
border-radius:100%;
border:1px solid #3d515f;
}

#right-carousel ol.carousel-indicators li.active
{
background: url(https://www.baytex.co.nz/images/style/activeDotWhite.png) center center no-repeat;
}

#right ol.carousel-indicators li
{
max-width:11px!important;
height:10px;
background:#FFF;
border-radius:100%;
border:1px solid #3d515f;
}

#right ol.carousel-indicators li.active
{
background: url(https://www.baytex.co.nz/images/style/activeDotWhite.png) center center no-repeat;
}

/******** Capacity Guide **************/

#productDetail #left .productGuide
{
float:left;
position:relative;
width:100%;
margin:20px 0px;
padding:0px;
}

#productDetail #left .productGuide .productGuideHeader
{
display:block;
width:100%;
margin:10px 0px 15px;
padding:0px 10px 5px;
border-bottom:2px solid #ccc;
font-size:20px;
font-weight:600;
}

#productDetail #left .productGuide table
{
float:left;
position:relative;
width:100%;
}

#productDetail #left .productGuide table td
{
width:50%;
padding:4px 10px;
margin:0px 0px;
font-size:16px;
border-bottom:1px solid #ccc;
}

/******** Included with your marquee **************/

#productDetail #left .productIncluded
{
float:left;
position:relative;
width:100%;
margin:20px 0px;
padding:0px;
}

#productDetail #left .productIncluded .productIncludedHeader
{
display:block;
width:100%;
margin:10px 0px 15px;
padding:0px 10px 5px;
border-bottom:2px solid #ccc;
font-size:20px;
font-weight:600;
}

#productDetail #left .productIncluded table
{
float:left;
position:relative;
width:100%;
}

#productDetail #left .productIncluded table td
{
width:50%;
padding:4px 10px;
margin:0px 0px;
font-size:16px;
border-bottom:1px solid #ccc;
}

#productDetail #left .productIncluded table td.productHeaderRow
{
font-weight:600;
}

/********** Colour Swatch ****************/

.colourOptions
{float:left;position:relative;width:100%;background: #FFF;padding: 20px;}

.colourOptions .colourOptionsHeader
{
display:block;
width:100%;
margin:10px 0px 15px;
padding:0px 10px 5px;
border-bottom:2px solid #ccc;
font-size:20px;
font-weight:600;
}

.colourOptions .colourOptionsIntro
{
display:block;
font-size:16px;
margin:0px 0px 20px 10px;
}

.colourOptions table
{
float:left;
position:relative;
width:100%;
margin-bottom:10px;
}

.colourOptions table td
{
padding:6px 10px;
margin:0px 0px;
font-size:16px;
}

#colourSwatch
{
float:left;
position:relative;
width:71%;
margin:0px 0px;
}

.colourSwatchTable #colourSwatch {
    width: 100%;
}

#colourSwatch #colourSwatchHeader
{
display:none;
}

.colourSwatchLabel {
    float:left;
    margin: 4px 11px 0px 0px;
}

#colourSwatch .swatchItem
{
float:left;
position:relative;
width:30px;
height:30px;
border-radius:100%;
margin:2px 3px;
}

#colourSwatch #swatchItem23,
#colourSwatch #swatchItem426
{
border:1px solid #cdcdcd;
}

#colourSwatch .swatchItem a
{
float:left;
position:relative;
width:28px;
height:28px;
border-radius:100%;
margin:0px;
padding:0px;
}

#colourSwatch .swatchItem a.activeColour,
#colourSwatch .swatchItem a:hover
{
/*background: url(https://www.baytex.co.nz/images/style/swatchTick.png) center center no-repeat;*/
background: url(https://www.baytex.co.nz/images/style/swatchTickBlack.png) center center no-repeat;
}

#colourSwatch .swatchItem#swatchItem23:nth-of-type(1) a.activeColour,
#colourSwatch .swatchItem#swatchItem23:nth-of-type(1) a:hover
{
background: url(https://www.baytex.co.nz/images/style/swatchTickBlack.png) center center no-repeat;
}

/********** Option Container ***************/

.optionsContainer
{float:left;position:relative;width:100%;background: #fff;padding: 20px;}

.optionsContainer .heading
{
display:block;
width:100%;
margin:10px 0px 15px;
padding:0px 10px 5px;
border-bottom:2px solid #ccc;
font-size:20px;
font-weight:600;
}

/******** Extras *******/

.optionalExtrasContainer
{
float:left;
position:relative;
width:100%;
}

.checkboxContainer
{
float:left;
position:relative;
width:94%;
margin:0px 10px;
font-size:16px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .checkboxContainer
    {
    width:39%;
    margin:0px 10px;
    }

}

.checkboxContainer img
{
float:left;
position:relative;
width:100%;
border:2px solid #ccc;
margin:15px 0px 20px;
}

.checkboxContainer input
{
margin:0px 10px 0px 0px;
}

/******** Walls *******/

.wallsContainer
{
float:left;
position:relative;
width:100%;
}

.wallsContainer .radioContainer
{
float:left;
position:relative;
width:94%;
margin:0px 10px 15px;
font-size:16px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .wallsContainer .radioContainer
    {
    width:39%;
    margin:0px 10px;
    }

    .linersRequiredContainer .radioContainer, .hip-GableEndContainer .radioContainer
    {
      display: block;
      float: left;
      width:25%;
    }

    .linersRequiredContainer .radioContainer .value .inner label, .hip-GableEndContainer .radioContainer .value .inner label
    {
      margin-left: 10px;
    }

}

.wallsContainer .radioContainer img
{
float:left;
position:relative;
width:100%;
border:2px solid #ccc;
margin:15px 0px 20px;
}

.wallsContainer .radioContainer input
{
margin:0px 10px 0px 0px;
}

/******** Branding (if required) *******/

.brandingifRequiredContainer
{
float:left;
position:relative;
width:100%;
}

.brandingifRequiredContainer .radioContainer
{
margin:0px 5px 0px 10px;
}

.brandingifRequiredContainer .radioContainer label
{
margin:5px 0px 0px 10px;
}

.uploadBrand
{
float:left;
position:relative;
width:100%;
line-height:2;
margin:15px 0px 0px 10px;
}

.uploadBrand span
{
float:left;
position:relative;
width:100%;
margin:0px 0px 5px;
}

/************* Applications ***************/

.moduleCategoriesWrapperApplications
{
float:left;
position:relative;
width:100%;
text-align:center;
}

.moduleCategoriesWrapperApplications .contentPageTitle
{
display:none;
}

#pageSource.applicationsContent
{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px;
padding: 0% 7.5% 0%;
text-align:center;
}

#pageSource.applicationsContent .container
{
background:#FFF;
padding: 1.5% 3%;
margin:-80px auto 0px;
}

.moduleCategoriesWrapperApplications #moduleItemCategories
{
float:left;
position:relative;
width:100%;
padding:0px 2%;
}

.moduleCategoriesWrapperApplications #moduleItemCategories .listingItem
{
float:left;
position:relative;
width:100%;
padding:0px 0% 0px;
overflow:hidden;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleCategoriesWrapperApplications #moduleItemCategories .listingItem
    {
    width:50%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleCategoriesWrapperApplications #moduleItemCategories .listingItem
    {
    width:24%;
    margin:0px 0.5% 20px;
    }

}

/********************************/

.moduleCategoriesWrapperApplications #moduleItemCategories .listingItem .moduleItemImage img
{
width:100%;
}

.moduleCategoriesWrapperApplications #moduleItemCategories .listingItem .bannerHtmlContent
{
position:absolute;
bottom:0;
left:0;
right:0;
min-height:60px;
text-align:center;
opacity:1;
transition:all 0.5s;
background:rgba(61,81,95,0.85);
}



.moduleCategoriesWrapperApplications #moduleItemCategories .listingItem:hover .bannerHtmlContent
{
opacity:0;
bottom:-100px;
transition:all 0.5s;
}

.moduleCategoriesWrapperApplications #moduleItemCategories .listingItem .bannerHtmlContent a
{
float:left;
position:relative;
width:100%;
color:#FFF;
font-size:22px;
font-weight:300;
margin:12px 0px 0px;
padding:0px 0px;
}

/*******************************/

.moduleCategoriesWrapperApplications #moduleItemCategories .listingItem
{
float:left;
position:relative;
width:100%;
padding:0px 0% 0px;
overflow:hidden;
margin:0px 0% 20px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleCategoriesWrapperApplications #moduleItemCategories .listingItem
    {
    width:49%;
    margin:0px 0.5% 20px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleCategoriesWrapperApplications #moduleItemCategories .listingItem
    {
    width:24%;
    margin:0px 0.5% 20px;
    }

}



.moduleCategoriesWrapperApplications #moduleItemCategories .listingItem .bannerHtmlHover
{
text-align:center;
width:0%;
position:absolute;
height:0%;
top:50%;
left:50%;
transition:0.5s;
opacity:0;
}

.moduleCategoriesWrapperApplications #moduleItemCategories .listingItem:hover .bannerHtmlHover
{
background:rgba(61,81,95,0.65);
text-align:center;
width:100%;
left:0%;
top:0px;
height:100%;
opacity:1;
padding:30% 0px 0px;
box-sizing:border-box;
}

.moduleCategoriesWrapperApplications #moduleItemCategories .listingItem .bannerHtmlHover a
{
bottom:0px;
color:#FFF;
font-size:22px;
font-weight:300;
}

.moduleCategoriesWrapperApplications #moduleItemCategories .overlayLink
{
position:absolute;
left:0;
right:0;
top:0px;
bottom:0px;
z-index:100;
}

/***********************************/

.moduleListingWrapperApplications
{
float:left;
position:relative;
width:100%;
}


.moduleListingWrapperApplications .modulePath,
.moduleListingWrapperApplications h1.contentPageTitle
{
display:none;
}

.moduleListingWrapperApplications #pageSource
{
float:left;
position:relative;
width:100%;
background:#FFF;
margin:-80px 0px 0px;
padding: 1.5% 7.5% 3%;
text-align:center;
}

.moduleListingWrapperApplications #listingApplications
{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding: 0% 2% 0%;
}

.moduleListingWrapperApplications #listingApplications .listingItem
{
float:left;
position:relative;
width:100%;
padding:0px 0% 0px;
margin:0px 0% 20px;
overflow:hidden;
}
.moduleListingWrapperApplications #listingApplications .listingItem:nth-child(5) {clear:both}
#listingApplications div[class^="arrows_"] {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 138px;
    width: 100%;
}
#listingApplications div[class^="arrows_"] .slick-arrow {
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.8;
    cursor: pointer;
    outline: none;
}

#listingApplications .slider img {width: 100%}
#listingApplications a.fancybox {
    cursor: zoom-in;
}
@media screen and (max-width: 768px) {
    #listingApplications div.swipe_icon {
        background-image: url('/images/style/swipe-icon.png');
        height: 30px;
        background-repeat: no-repeat;
        background-position: 98% 0px;
        opacity: 0.7;
        position: relative;
        margin-top: -40px;
        top: 0;
    }
}
#listingApplications div[class^="arrows_"] .slick-arrow:hover {
    opacity: 1;
}
#listingApplications div[class^="arrows_"] .slick-prev {
background-image:url("/images/style/slick-prev.png")
}
#listingApplications div[class^="arrows_"] .slick-next {
background-image:url("/images/style/slick-next.png")
}
   
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleListingWrapperApplications #listingApplications .listingItem
    {
    width:49%;
    margin:0px 0.5% 20px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleListingWrapperApplications #listingApplications .listingItem
    {
    width:24%;
    margin:0px 0.5% 20px;
    }

}

.moduleListingWrapperApplications #listingApplications .listingItem .moduleItemImage img
{
width:100%;
height:auto;
}

.moduleListingWrapperApplications #listingApplications .listingItem .moduleItemContent
{
position:absolute;
bottom:0;
left:0;
right:0;
min-height:60px;
text-align:center;
background:rgba(61,81,95,0.65);
opacity:1;
transition:all 0.5s;
}

.moduleListingWrapperApplications #listingApplications .listingItem .moduleItemContent h3
{
float:left;
position:relative;
width:100%;
color:#FFF;
font-size:22px;
font-weight:300;
margin:15px 0px 0px;
}

.moduleListingWrapperApplications #listingApplications .listingItem:hover .moduleItemContent
{
opacity:0;
bottom:-100px;
transition:all 0.5s;
}

.moduleListingWrapperApplications #listingApplications .listingItem .overlayLink
{
position:absolute;
top:0px;
bottom:0px;
right:0;
left:0;
display: flex;
align-items: flex-end;
padding: 17px;
font-size: 15px;
}

.moduleListingWrapperApplications #listingApplications .listingItem .bannerHtmlHover
{
text-align:center;
width:0%;
position:absolute;
height:0%;
top:50%;
left:50%;
transition:0.5s;
opacity:0;
}

.moduleListingWrapperApplications #listingApplications .listingItem:hover .bannerHtmlHover
{
background:rgba(61,81,95,0.65);
text-align:center;
width:100%;
left:0%;
top:0px;
height:100%;
opacity:1;
padding:25% 0px 0px;
box-sizing:border-box;
}

.moduleListingWrapperApplications #listingApplications .listingItem .bannerHtmlHover h3.title
{
bottom:0px;
color:#FFF;
font-size:22px;
font-weight:300;
}

.moduleCategoriesWrapperApplications #moduleItemCategories .overlayLink
{
position:absolute;
left:0;
right:0;
top:0px;
bottom:0px;
z-index:100;
}

.categoryHeaderBanner
{
width: 100% !important;
height: 400px !important;
background-position: center;
background-size: cover;
}

/*************************/

.catBannerCarousel
{
position: relative;
margin-bottom: 60px;
display: none;
}

#catBannerCarousel .carousel-item
{
background-size:cover!important;
background-position:center center!important;
height: 90vh !important;
background-repeat:no-repeat!important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    #catBannerCarousel .carousel-item
    {
    height: 600px !important;
    }

}

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

    #catBannerCarousel .carousel-item
    {
    height: 80vh !important;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    #catBannerCarousel .carousel-item
    {
    height: 90vh !important;
    }

}

.catBannerCarousel .carousel-indicators
{
z-index: 9999;
}

.viewSlideShowBtn
{
position: absolute;
z-index: 99;
top: 16%;
right: 14.5%;
cursor: pointer;
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .viewSlideShowBtn
    {
    top:200px;
    right: 5%;
    display:block;
    }

}

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

    .viewSlideShowBtn
    {
    top: 200px;
    right: 4.5%;
    display:block;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .viewSlideShowBtn
    {
    top: 200px;
    right: 4%;
    display:block;
    }

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1500px) {

    .viewSlideShowBtn
    {
    top: 200px;
    right: 14.5%;
    display:block;
    }

}

@media screen and (min-width: 768px) {
    .bannerMultipleImageContainer .bannerImageContainer:nth-child(1) .bannerImage {
        position: absolute;
        bottom: -24px;
        z-index: 9;
        left: 70px;
    }
}

.bannerMultipleImageContainer {
    z-index: 9999;
    position: relative;
}