@import url('https://fonts.googleapis.com/css?family=Montserrat:300i,400,400i,500,500i,600,600i,700');
/*ul.hmenu_navigation_root li a .hmenu_wrap {
    color: #fff;
}*/
.header-separator.header-separator-bottom {
    display: none;
}
.navigation-wrapper #hmenu_load_1 .hmenu_main_holder {    background: rgba(255, 255, 255, 0);}

.ovhetx ul li {
    font-size: 45px;
    font-weight: 700;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
            line-height: 60px;
}

.page-id-24 .panel-grid.panel-has-style {
    
  
}
section#Alphabet {
    position: fixed;
    right: 0;
    top: 12%;
    width: 100%;
    text-align: center;
    background: rgba(140,200,60,.8);
    padding: 5px 0;
    font-size: 1.5em;
    opacity: 1;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    margin-bottom: 0px;
    z-index: 9999;
}
/*.page-content.scftrs div#atozcons section#Alphabet {
    position: fixed;
    right: 0;
    top: 12%;
    width: 100%;
    text-align: center;
    background: rgba(140,200,60,.8);
    padding: 5px 0;
    font-size: 1.5em;
    opacity: 1;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    margin-bottom: 40px;
    z-index: 9999;

} */
.topbutton {
height:50px;
width:50px;
position:fixed;
right:5px;
bottom:5px;
z-index:11111;
background-image: url("./images/icon-top.jpg");
background-repeat:no-repeat;
display:none;
}
.essentila-oils .panel-grid-cell:before {
       content: "";
    background: #e31e24;
    width: 50%;
    height: 2px;
    position: absolute;
    /* top: 0; */
    bottom: 0;
    /* left: 0; */
    right: 0;
}
.essentila-oils .panel-grid-cell:after {
    content: "";
    background:#017539;
    width: 50%;
    height: 2px;
    position: absolute;
    top: 0;
    /* bottom: 0; */
    /* left: 0; */
    /* right: 0; */
}
.essentila-oils {
    padding: 50px 0;
}
   
.essentila-oils .panel-grid-cell {
    padding: 50px 0;
    /* border-top: 2px solid gray; */
    position: relative;
     -webkit-box-shadow: 0px 2px 5px 0px rgba(232,232,232,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(232,232,232,1);
box-shadow: 0px 2px 5px 0px rgba(232,232,232,1);
    background: #fdfdfd;
}
div#fuconer .panel-first-child {
    margin-bottom: 0;
    padding-bottom: 0;
}div#conrecfe h4 {
    font-size: 2.2em;
    /* font-style: italic; */
    margin-bottom: 25px;
}
div#heimageback {
    padding: 25px;
    
}
div#heimageback {
    padding: 25px;
    position: absolute;
    top: 35%;
    width: 100%;
}.ovhetx ul li {
     display: block;
    text-align: left;
    float: left;
}

@media only screen and (min-width: 769px) { 
    li.ovhet1 {
    padding: 94px 25px;
    border-right: 5px solid #fff;
}
    li.ovhet2 {
    padding: 38px 52px;
}

}
.home .inner-header-description {
    padding-top: 0;
    padding-bottom: 0;
}
.ovhetx{
    padding: 50px;
    border: 20px solid white;
}.page-content .gridContainer {
    background: #fff;
  
        border-top: 5px solid #24ad56;
}
div#abtcooer .so-panel.widget.widget_sow-editor.panel-first-child {
    margin-bottom: 0;
}
div#texrtlop img {
    padding: 0px 0;
}
.scftr .header.color-overlay
{    opacity: 0.2;}
div#hewrfie .header.color-overlay {
    background-attachment: fixed;
}
.page-id-531 .page-content, .page-id-543 .page-content  {
    margin-top: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 700px;
    background: url(./images/grasseindia.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
div#tebef3 h3 {
    font-size: 13px;
    text-align: center;
}
.jofuc3 h3 {
    color: #037b3c;
}
div#bimagcl1 .panel-first-child {
    margin-bottom: 0;
}
div#fileone2 h3.widget-title {
    font-size: 17px;
    font-weight: 200;
    letter-spacing: 2px;
      border-bottom:dotted 1px #d2d4cf;
}
div#fileone2 ul li {
    float: left;
    margin-left: 0;
    margin-right: 17%;
}
div#bimagcl1 {
    border-bottom: 1px dashed gray;
}
div#fileone1 .siteorigin-widget-tinymce.textwidget {
    font-weight: 500;
    font-size: 19px;
    word-spacing: 6px;
   
}
div#fileone1 h3 {
    font-weight: 300;
    color: #2d893e;
   border-bottom:dotted 1px #d2d4cf;
   
}
div#fileone1, div#fileone2 {
   padding: 50px 65px 0 65px;
}
p.jofuc2 img {
    margin: 0;
    padding-bottom: 10px;
}
div#tedrtoi p {
    line-height: 39px;
    font-size: 20px;
}
.jofuc3 {
    padding: 10px;
    text-align: center;
}p.jofuc2 {
    margin-bottom: 0;
}
.fulimfuc2 {
    border: 1px solid #e2e2e2;
}
div#tiimpos1 h3.widget-title {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 4px;
}
.page-id-543 h3.topfumid {
    font-size: 19px;
    font-weight: 300;
    margin:20px 0;
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.page-id-531 .page-content .gridContainer,.page-id-539 .page-content .gridContainer, .page-id-543 .page-content .gridContainer {
    background: #fff0;
    border-top: 5px solid #24ad56;
}
.page-content:before{
    content: "";

  background:url(./images/grasseindia.jpg);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
    }
    
    
@media only screen and (min-width: 1030px) {
.showForMobile {
	display: none;
}
.hideForMobile {
	display: inline-block !important;
}

.templogo img {
	width: 80%;
}
	
	h1.brandingTitle{
	}	
	

	
#flavorSquare, #functionSquare {
	background-size: cover;
	width: 33%;
	background: rgba(255, 255, 255, 0.6);
}
#functionSquare{
	}
#flavorSquare{
	}	
#fragranceSquare {
	background-size: cover;
	width: 34%;

}
ul.grul li {margin-left: 0;}
.boxes {
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
 	transition: opacity 0.25s, transform 0.25s;	
    right: 0;
	}.boxesKILL{opacity: 0;}
.boxes figure h2 {
	word-spacing: -0.15em;
	font-size: 1.5em;
	font-weight: 300;
	color: rgba(102,102,102,1);
	line-height: .8;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 7px;
	position: relative;
	top:3px;
}
.fffSquare {
    	background: rgba(255, 255, 255, 0.6);
	height: 300px;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
	position: relative;
	bottom: -250px;

	text-align: center;
	
}

.boxes figure {
	float: left;
}
.figureHold{
	position: absolute;
	top:0;
	width:100%;
	height: 100%;
	z-index: 10 !important;
	}
	.fffSquare.active .figureHold{	
		padding:5%;
	}
	.fffSquare.active .figureLines{
		width:100%;
		height:100%;
		display: table;
	}	
	.fffSquare.active .figureCell{
		display: table-cell;
		vertical-align: middle;
	}
	.fffSquare.active .figureCell h2{
		width:80% !important;
		margin: auto;
		padding-bottom: 5px;
		border-bottom: 2px dotted rgba(255,255,255,.75);
	}
	/* LINES */
	
/* top bottom LINES */
.fffSquare.active .figureLines::before,  .fffSquare.active .figureLines::after{
	position: absolute;
	height:90%;
	width:95%;
	top:5%;
	left:2.5%;
	content: '';
	opacity:0;
	-webkit-transition: opacity 3s, !important;
	transition: opacity 3s !important;
	}
.fffSquare.active .figureLines::before{	
	border-top: 1px solid rgba(255,255,255,.75);
	border-bottom: 1px solid rgba(255,255,255,.75);

}
.fffSquare.active .figureLines::after{
	border-left: 1px solid rgba(255,255,255,.75);
	border-right: 1px solid rgba(255,255,255,.75);

	}
.fffSquare.active:hover .figureLines::before, .fffSquare.active:hover .figureLines::after{
	opacity: 1;

	}


	

.fffSquare.active .figureHold{
	background: rgba(23, 97, 51, 0.81);
	font-size: 1.25em;
	}
.fffSquare figcaption {
	display: none;
	color: white;
	text-align: center;
	width:70% !important;
	margin: auto;font-size: 1.25vw;
}
.ingredients {
	text-transform: uppercase;
	font-size: .6em;
	letter-spacing: 5px;
	color: rgb(65,0,110);
	position: relative;
	top:-5px;
}
.fffSquare.active {
	background: rgba(23, 97, 51, 0.81) !important;
	bottom: 0px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	width: 45% !important;
}
.fffSquare.active h2, .fffSquare.active .ingredients {
	color: rgb(255,255,255);
}
.fffSquare.shrink {
	width: 27.5% !important;
}
.fffIMG {
	width: 100%;
	height: 100%;
	display: none;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	z-index: 1 !important;
}
.fffIMG img {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0%;
	left:0;
}

.fffSquare.active figcaption {
	display: block;
}
.fffSquare.active .fffIMG {
	display: block;
}
	
.fffSquare a{
    padding: 2px 25px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 5px;
    background: rgba(234, 32, 32, 0.92);
    border-radius: 25px;
    color: rgb(255, 255, 255);
    font-size: .8em;
    position: relative;
    z-index: 99;
}	
.fffSquare a:hover{
	background: rgba(140,200,60, .95);

}
	
	
.fffSquare p{
	margin:0 0 10px 0 ;	
	}	
	
	
.aboutText{
	font-size: 2vw;
	margin-top: 50px;
	}	
	

	
#infoCubes {
	margin-bottom: 150px;
	position: relative;
	z-index: 9999;
}
.infoCubes {
	overflow: hidden;
	background-size: cover;
	text-align: right;
	position: relative;
	padding: 0;
}
.infoCubes:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.cubeTitle {
	color: white;
	font-size: 5rem;
	position: absolute;
	bottom: 50px;
	right: 20px;
	text-shadow: 0 0 2px #333;
	text-align: right;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	font-family: 'montserratmedium';
	font-size: 5.25vw;
}
.cubeSub {
	color: white;
	font-size: 1.5rem;
	position: absolute;
	bottom: 35px;
	right: 20px;
	text-shadow: 0 0 2px #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: right;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	    font-family: 'hk_groteskbold';
	    font-size: 1.75vw;

}
	


.infoCubes figure {
	text-align: center;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.infoCubes figure img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
}
.infoCubes figure figcaption {
	padding: 1em;
	text-transform: uppercase;
	font-size: 1.25em;
	font-size: 1.35vw;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.infoCubes figure figcaption::before, .infoCubes figure figcaption::after {
	pointer-events: none;
}
figure.effect-bubba {
	background: #4F2683;
}
figure.effect-bubba-ALT {
	background: #8CC640;
}
figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
figure.effect-bubba:hover img {
	opacity: 0.05;
}
	figure.effect-bubba-ALT:hover img {
	opacity: 0.05 !important;
}
/* LINES */
figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
/* top bottom LINES */
figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}
/* left and right LINES */
figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
}
figure.effect-bubba h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);
	position: absolute;
	top: 30%;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
}
figure.effect-bubba:hover .cubeSub {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-5px, 5px, -10px) scale(.6);
	transform: translate3d(-5px, 5px, -10px) scale(.6);
	opacity: .1;
}
figure.effect-bubba:hover .cubeTitle {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-5px, 5px, -10px) scale(.6);
	transform: translate3d(-5px, 5px, -10px) scale(.6);
	opacity: .1;
}
figure.effect-bubba p {
	width: 70%;
	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	color: white;
	display: table-cell;
    vertical-align: middle;
}

	
.infoPopup{
		width:80%;
		height: 100%;
		display: table;
	opacity: 0;
	position: absolute;
	top: 20px;
	font-size: 1em;
	left:10%;
	-webkit-transition: all 0.25s, -webkit-transform 0.25s;
	transition: all 0.25s, transform 0.25s;	
	}

figure.effect-bubba:hover .infoPopup{
	opacity: 1;
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0);			
	}
	
.vertPop{
		display: table-cell;
		vertical-align: middle;}
figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-bubba:hover h2, figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}	
	

#splitScreen1,#splitScreen2,#splitScreen3{
	position:relative;
	min-height: 500px;
	height:50%;
	margin-bottom:100px;
}.splitScreentextALT h4, .splitScreentext h4{
	font-size: 2.125vw;
	}
 .splitScreentext, .splitScreentextALT{
	background: rgba(255,255,255, .9);
	padding:2em !important;
	height: 100% !important;
	min-height: 500px;
	}	
	.slider p{
		font-size: 1.5vw;
	}	

	
	
.singleImage-floater img{ 
    width: 130%;
    height: auto;
    margin-left: -30%;
    margin-top: -10%;
	}
	

	
	.blogArticleV2 .dateInnerCircle{
		width: 50%;
    float: left;
	}	
	
.desktopArchive{
	border: 1px solid rgba(102,102,102,.25);
	background: white;
	padding:2em;
	margin-bottom: 50px;
	}	
	
	

	
.tabletField .affiliateText{
	float: right;
	width:65%;
	    border-left: 3px dotted rgb(102,102,102)
	}
	
	
	
	.affiliateTextQuote{
		border-left: none;
		width:90%;
		margin: auto;
		float: none;
	}	
	
#grid {
}
.grid-item {
}
.gridText {
}
.gridText h5 {

}
.gridText button {
	font-size: 1.75em;
}
.grid-item:hover .gridText {
	height: 42.5%;
}
	
}figure {
    margin: 0;
}
div#texrtlop p {
    line-height: 40px;
    font-size: 19px;
    padding: 9px 90px;
}
div#texrtlop {
  background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgb(255,255,255) 1%, rgb(247,247,247) 97%);
background: -webkit-linear-gradient(top, rgb(255,255,255) 1%,rgb(247,247,247) 97%);
background: linear-gradient(to bottom, rgb(255,255,255) 1%,rgb(247,247,247) 97%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}
div#imahowitext .effect-hover {
    margin: 0;
}
div#imahowitext .effect-hover figcaption, div#imahowitext .effect-hover figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 90%;
}
div#imahowitext .effect-hover.effect-layla.effect-sm figcaption::before {
    top: 15px;
    right: 14px;
    bottom: 20px;
    left: 13px;
}div#pamadrim {
    margin: 0 !important;
    padding: 0;
}
div#imahowitext .effect-hover figcaption::before {background-color:rgba(19, 127, 72, 0.88);}
div#imahowitext .effect-hover.effect-layla figcaption::before 
{    border: 1px solid #fff;}

   #clofine .everyday365thumb {    width: 627px;
    height: 416px;
    float: left;
    top: 0;
    left: 0;
    overflow: hidden;
    }
    div#abimsecv .panel-first-child {
    margin-bottom: 15px;
}
    div#leftevkf1 {
    margin-bottom: 0px;
}
.everyday365thumb {
    overflow: hidden;
    position: relative;
    width: auto;
    height: 200px;
}
span.everydayMainName {
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.everydayCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    color: white;
    background: rgb(26, 94, 51);
    z-index: 10;
    -webkit-transition: all ease-out .35s;
    transition: all ease-out .35s;
    display: table;
}
.everydayCover i, .everydayCover h5 {
       display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
.everyday365thumb img {
    height: 100%;
    width: auto;
    
}
div#seci12 h3 {
    color:#037138 !important;
}
.wcp-post-contents.rpc-content {color:#000;
font-weight:500;}
a.rpc-title {color: #037138;}
.wcp-post-meta.wcp-disable-post-meta {display:none;}
div#seci12 {
    background: rgba(255, 255, 255, 0.8);
}
div#hedteam .textwidget {
    text-align: center;
}
#tofoclde{margin-top:20px;margin-bottom:20px;}
#everydayStage img, #everydayStage2 img, .everydayIMG {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 1;
}
.everyday365thumb:hover .everydayCover {
    opacity: .9;
}
.fulxid  {width:100%;}
.fulxid span.tefloe {
     width: 50%;
    display: inline-block;
    padding: 3px;
    margin: auto;
}div#focntr h3 {
    font-size: 28px;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
}
 textarea.wpcf7-form-control.wpcf7-textarea {
  min-height:100px;
  height:100px;
 }.submits input.wpcf7-form-control.wpcf7-submit {
    padding: 10px 16px;
    color: #fff;
    background: #e31e24;
    border: 0;
    font-weight: 600;
    font-size: 15px;
}
.fulxid input[type=text], .fulxid input[type=tel], .fulxid input[type=url], .fulxid input[type=email],
.fulxid input[type=password], .fulxid input[type=number], textarea.wpcf7-form-control.wpcf7-textarea {
         border: 1px solid #e31f25;
    /*border-bottom: 0px solid #3e3e3e;*/  
    margin-bottom: 13px;
    }
    
    @media (min-width: 768px) {
    
       
 
  }
  @media (max-width: 992px) {
       .col-sm-6 {
    float: left;
    width: 50%;
}
     }
   
/*  @media (min-width: 993px) { 
        ul#menu-footer2 li {
    float: left;
    width: 49%;
} */
  .col-md-3.col-sm-6.col-xs-12 {
    width: 22%;
    float:left;
  }
  .col-md-5.col-sm-6.col-xs-12 {
    width: 34%;
    float:left;
  }
  }
    @media (max-width: 602px) {
       .col-md-3.col-sm-6.col-xs-12,   .col-md-5.col-sm-6.col-xs-12 {
    float: left;
    width: 100%;
}
     }
     div#coforfooters h4 {
    color: #fff;     text-transform: uppercase;
} 
div#coforfooters .textwidget.custom-html-widget{padding:0px;}
div#coforfooters {
    padding: 45px 0;
        padding-bottom: 0;
}
p.coricle {
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
}
#footetoq {
   padding-bottom: 25px;
    position: relative;
    display: block;
    z-index: 11111111;
}
div#coforfooters {
    position: relative;
    display: block;
}
div#footetoq1, div#footer1 {
    z-index: 1111;
    position: relative;
}    
div#coforfooters:before {
    background: rgba(65, 0, 110, 0.66)!important;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: "";
    right: 0;
    z-index: 1111;
    top: 0;
    bottom: 0;
    display: block;
}
    ul#menu-footer1 {
    padding: 0;
}
div#coforfooters .col-md-3.col-sm-6.col-xs-12, div#coforfooters .col-md-5.col-sm-6.col-xs-12 {
    padding: 0 20px;
}ul#menu-footer1 li {
    list-style: none;
}
.textwidget.custom-html-widget ul.menu li {
    position: relative;
    padding: 0 18px;
    list-style:none;
    line-height: 35px;
    }
    .textwidget.custom-html-widget ul.menu li:before {
   content: "\f1d8";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 12px;
    padding-right: 0;
    position: absolute;
    top: 1px;
    left: 0;
    color: #dedddd;
}
div#hmenu_holder_1 #hmenu_load_1 .hmenu_inner_holder {
    width: auto;   
}

.header-homepage.color-overlay:before {
    background-color: #000;
    opacity: 0 !important;
}
div#footer1 {
    border-top: 1px solid #888888;
}.hmenu_navigation_root li.hmenu_mega_li a .hmenu_wrap span,    
ul.hmenu_navigation_root li a .hmenu_wrap {
    font-weight: 500;
    font-size: 14px;
}
.page-id-24 li.d-all, .page-id-26 li.d-all, .page-id-28 li.d-all, .page-id-30 li.d-all{
    list-style: none;
}
ul.grul li a:hover {
    color: #e31e24;
    text-decoration: none;
}
ul.grul li a {
    color: #fff;
    font-size: 28px;
    margin-left: 7px;
    font-weight: 600;
}
.tiebgheader {
    font-size: 35px;
    font-weight: 700;
}
.imsecent img {
    width: 40%;
    padding:30px 0;
}
div#conbasfed1 p {
    padding: 0 55px;
    line-height: 41px;
    font-weight: 400;
}
.acronym {
    font-size: 1.125em;
    color: rgb(127,127,127);
    margin: 5px 0 0 0;
    
}.sidebarList li {
    text-align: left;
    margin: 0 0 10px 30px;
}
.affiliateqw {
    padding: 25px 0;
    
}
div#fonmax {
    border-left: 1px dashed gray;
    padding: 30px;
}
ul.listBullet li {
    padding: 0;
    margin: 0;
}
.affiliateqw h3 {
    
     line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
           font-weight: 500;
    margin-bottom: 0.375em;
    font-size: 1.125em;
}
div#conbasfed1 {
    background: url(./images/WHC-Back1.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}
div#fulinser {
    background: #24ad56;
    text-align: center;
    color: #fff;
    padding: 7px 0;
    margin-bottom: 5%;
}
html{    overflow-x: hidden;}
.menu_responsive_label {display: none !important;}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
		
.hoverefcsc figure.effect-layla {
    background: #18a367;
}

.hoverefcsc .grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
.hoverefcsc figure.effect-layla img {
    height: 390px;
}
.hoverefcsc .grid figure img {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.8;
}
figure.effect-layla h2 {
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
}
.hoverefcsc figure.effect-layla h2 {
    padding-top: 10%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.hoverefcsc .grid figure h2, .grid figure p {
    margin: 0;
}
.hoverefcsc .grid figure h2 span {
    font-weight: 800;
}


.hoverefcsc .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
  width:100%;
  height:100%;
    background: #18a367;
    text-align: center;
    cursor: pointer;
}
.hoverefcsc figure {
    margin: 0 !important;
}
.hoverefcsc .grid figure figcaption p {
    font-size: 14px;
}

.hoverefcsc figure.effect-layla figcaption {
    padding: 3em;
}
.hoverefcsc .grid figure figcaption, .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hoverefcsc .grid figure figcaption {
    padding: 1.5em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hoverefcsc .grid figure figcaption::before, .hoverefcsc .grid figure figcaption::after {
    pointer-events: none;
}
.hoverefcsc figure.effect-layla figcaption::before, .hoverefcsc  figure.effect-layla figcaption::after {
    position: absolute;
    content: '';
    opacity: 0;
}
.hoverefcsc figcaption:before, .hoverefcsc figure:before, .hoverefcsc figcaption:after, .hoverefcsc figure:after
{ display: block;}
.hoverefcsc figure.effect-layla figcaption::before {
    top: 29px;
    right: 30px;
    bottom: 29px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
        display: block;
    background: rgba(36, 173, 86, 0.7);
}
.hoverefcsc figure.effect-layla img, .hoverefcsc figure.effect-layla figcaption::before, .hoverefcsc figure.effect-layla figcaption::after, 
.hoverefcsc figure.effect-layla p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.hoverefcsc .grid figure h2 {
    font-weight: 400;
    color: #fff;
    z-index: 999999;
    position: relative;
    line-height: 25px;
}

.hoverefcsc .grid figure figcaption, .hoverefcsc .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hoverefcsc a {
    outline: none;
    color: #3498db;
    text-decoration: none;
}
.hoverefcsc figure.effect-layla figcaption::after {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
        background: rgba(36, 173, 86, 0.7);
}

.hoverefcsc .grid figure figcaption::before, .hoverefcsc .grid figure figcaption::after {
    pointer-events: none;
}
.hoverefcsc figure.effect-layla:hover figcaption::after, .hoverefcsc figure.effect-layla:hover h2, .hoverefcsc figure.effect-layla:hover p, 
 .hoverefcsc figure.effect-layla:hover img {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.hoverefcsc figure.effect-layla:hover figcaption::before,  .hoverefcsc figure.effect-layla:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.hoverefcsc figure.effect-layla:hover h2, .hoverefcsc figure.effect-layla:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.hoverefcsc figure.effect-layla figcaption::after {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
       
}
    .hoverefcsc figure.effect-layla p {
    padding: 0.5em 0.4em 0.4em 0.4em;
    text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    position: relative;
    z-index: 99;
    margin-top:10px;
}
.home .hoverefcsc .panel-grid-cell .so-panel {
    margin-bottom: 0;
}
@media only screen and (max-width:767px) {
   .home .hoverefcsc .siteorigin-widget-tinymce.textwidget .grid figure figcaption p {
    font-size: 18px;
    margin: 0;
    padding: 0 25px;
    line-height: 26px;
}
.home .hoverefcsc .siteorigin-widget-tinymce.textwidget figure.effect-layla h2 {
    padding-top: 10%;
    line-height: 26px;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 25px;
}
}    
@media only screen and (max-width:768px) {
    p, h3, h4{padding:0 10px;}
     .page-id-30 .page-content.scftrs section#Alphabet {top: 7%;}
    .hoverefcsc .siteorigin-widget-tinymce.textwidget  .grid figure figcaption p {
    font-size: 20px;
    margin: 0;
    padding: 0 25px;
}
  .hoverefcsc .siteorigin-widget-tinymce.textwidget  figure.effect-layla h2 {
    padding-top: 10%;
    line-height: 26px;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 25px;
}
}
@media only screen and (max-width:1024px) {
    .page-id-30 .page-content.scftrs section#Alphabet {top: 6%;}
    .hoverefcsc figure.effect-layla h2 {padding-top: 5%;line-height: 20px;}
    .hoverefcsc .grid figure figcaption p {  font-size: 11px;    margin: 0;}
    .hoverefcsc figure.effect-layla p {padding:0em 0.4em 0em 0.4em;}
}