/****************************************************************************/
/***++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++***/
/***+********************************************************************+***/
/***+******************   START THEME CONFIGURATION   *******************+***/
/***+********************************************************************+***/
/***++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++***/
/****************************************************************************/
 
    /* ----- Structure & Design ----- */

    
    
    
    
    
    
    
    /* ----- Base Colors ----- */
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* ----- Drop-Down Menu ----- */
    
    
    
    
    
    
    
    /* ----- Mobile Menu ----- */ 
    
    
    
    


/****************************************************************************/
/***++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++***/
/***+********************************************************************+***/
/***+******************   END THEME CONFIGURATION   *********************+***/
/***+********************************************************************+***/
/***++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++***/
/****************************************************************************/
 

/* @import url('http://example.com/example_style.css'); */ 
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */


/*****************************************/
/* Start your style declarations here    */
/*****************************************/






/** 
 * Border Radius 
 *
 *  
 */




/** 
 * Box Shadow  
 *
 *  
 */




/** 
 * Transition
 * 
 *  
 */




/** 
 * Transform
 *
 *  
 */





/* Click to top scroll */


.back-to-top { cursor:pointer; position: fixed; right:20px; bottom:0; color:#FFFFFF; font-size:20px; width: 50px !important; height: 50px; text-align: center; line-height: 50px; background:/*background: rgba(40,60,134,1);
    background: -moz-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(40,60,134,1)), color-stop(100%, rgba(69,162,71,0.89)));
    background: -webkit-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: -o-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: -ms-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283c86', endColorstr='#45a247', GradientType=1 );*/
    background: rgba(10,36,82,0.99);
background: -moz-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(10,36,82,0.99)), color-stop(0%, rgba(10,36,82,0.99)), color-stop(33%, rgba(43,78,136,0.99)), color-stop(34%, rgba(44,79,138,0.99)), color-stop(100%, rgba(43,218,165,1)));
background: -webkit-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -o-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: linear-gradient(135deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2452', endColorstr='#2bdaa5', GradientType=1 );; -webkit-transition: ease all 0.4s;
    -moz-transition: ease all 0.4s;
    -o-transition: ease all 0.4s;
    -ms-transition: ease all 0.4s;
    transition: ease all 0.4s; opacity:0; z-index:9999; }
.back-to-top.show { opacity:1; bottom:20px; }
.back-to-top:hover { background:#B9BF33; color:#FFFFFF; }

/* Corners Option */



 .row-fluid .link-style a, .row-fluid ol.flex-control-nav li a, ul.slick-dots li button, .row-fluid a.link-style, .row-fluid .link-style2 a, .row-fluid a.link-style2, input[type=submit], button, .hs-button, .back-to-top, .row-fluid ol.flex-control-nav li a , .row-fluid .team-bsocial a , .row-fluid .pagination-blog li a { border-radius:100px; }




ul.slides , ul.flex-direction-nav , ol.flex-control-nav , ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;}
.row-fluid ol.flex-control-nav , ul.slick-dots { text-align:center; padding:10px 0 0; }
.row-fluid ol.flex-control-nav li , ul.slick-dots li { display:inline-block; padding:0 5px; }
.row-fluid ol.flex-control-nav li a , ul.slick-dots li button { padding:0; display:inline-block; border:1px solid #B9BF33; width:15px; height:15px; font-size:0; text-index:-9999; cursor:pointer; }
.row-fluid ol.flex-control-nav li a:hover , .row-fluid ol.flex-control-nav li a.flex-active , ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#B9BF33;  }

.slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#FFFFFF;     border: 2px solid white; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; transition: all 0.5s ease; }
.slick-arrow:before { font-family:'FontAwesome'; font-size:14px; opacity:1; font-weight: 900;  color: #FFF; }
.slick-arrow:hover { background:#B9BF33; color:#FFFFFF;  }
.slick-arrow.slick-prev { left:5px; }
.slick-arrow.slick-prev:before { content: "\f104"; }
.slick-arrow.slick-next { right:5px; }
.slick-arrow.slick-next:before { content: "\f105"; }
.slick-arrow.slick-disabled { display:none; }

ul.hs-error-msgs { margin:0; padding:0; list-style:none; float:left; width:100%; font-size:12px; }
.hs-form .input { margin:0; }
.hs-form .hs-form-field { padding-bottom:0px !important; }
.row-fluid .hs-form fieldset.form-columns-2 .input , .row-fluid .quizcontact-form .hs-form fieldset.form-columns-1 .input { margin-right:0 }
.row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px 10px }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 10px 10px 0; }
.row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 5px 10px; }
.row-fluid .hs-form fieldset.form-columns-1 .hs-input { width:100% !important; }
.row-fluid .hs-form fieldset { max-width:none; }
ul.inputs-list { margin:0; padding:5px 0; list-style:none; }

.row-fluid .inputs-list .hs-form-checkbox-display , .row-fluid .inputs-list .hs-form-booleancheckbox , .row-fluid .inputs-list li.hs-form-radio { display:block; padding:0 0 8px 25px; position:relative; }
.row-fluid .inputs-list input[type="checkbox"] , .row-fluid .inputs-list input[type="radio"] { position:absolute; left:0; margin:0; top:0; opacity: 0; width: 20px; height: 20px; }
.row-fluid .inputs-list input[type="radio"] { top:3px; }
.row-fluid .inputs-list input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
.row-fluid .inputs-list input[type="checkbox"] + span:before  { position:absolute; left:-25px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:before { background:#B9BF33; color:#FFFFFF; border-color:#B9BF33; }
.row-fluid .inputs-list input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-25px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }

.row-fluid .inputs-list input[type="radio"] + span:before { position:absolute; left:-2px; top:2px;  content:''; width:20px; height:20px; border:1px solid #dadada;  background:#fafafa; border-radius:100%; }
.row-fluid .inputs-list input[type="radio"]:checked + span:after { position:absolute; left:2px; top:6px;  content:''; width:12px; height:12px; border-color:#B9BF33; background:#B9BF33;  border-radius:100%; }


@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
    
  .row-fluid .hs-form fieldset.form-columns-2 .field { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
  .row-fluid .hs-form fieldset.form-columns-3 .field { padding:0 0 10px  }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
  .row-fluid .hs-form fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
  
}

/*::-webkit-input-placeholder {
  color:#222222;
}
::-moz-placeholder {
  color:#222222;
}
:-ms-input-placeholder {
  color:#222222;
}
:-moz-placeholder {
  color:#222222;
}


::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background-color: #B9BF33;	
	background-image: 
	-webkit-linear-gradient(45deg,
      rgba(255, 255, 255, .5) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .5) 50%,
      rgba(255, 255, 255, .5) 75%,
      transparent 75%,
      transparent)
}
*/




/*grayscale*/
.row-fluid .grayscale-image img {  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;  }
.row-fluid .grayscale-image img:hover { -webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  -o-filter: grayscale(0);  filter: grayscale(0); filter: gray;  }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { outline:none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline:none; }
[dir='rtl'] .slick-slide { float: right; } 
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* slider dotet white */
/*.row-fluid .dots-white ol.flex-control-nav li a, .row-fluid .dots-white ul.slick-dots li button { border-color:#FFFFFF; }
.row-fluid .dots-white ol.flex-control-nav li a:hover, .row-fluid .dots-white ol.flex-control-nav li a.flex-active, ul.slick-dots li button:hover, .row-fluid .dots-white ul.slick-dots li.slick-active button { background-color:#FFFFFF; }*/

/*fancybox*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index:8030; }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('//cdn2.hubspot.net/hubfs/383029/media-theme/images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; color:#fff; font-family:'FontAwesome'; border-radius:100%; color:#fff !important; background:#B9BF33; text-align:center; line-height:36px; box-shadow:0 0 5px 5pxrgba(0, 0, 0, 0.2) ; }
.fancybox-close:before { content: "\f00d"; }

.fancybox-nav { text-align:center; position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('//cdn2.hubspot.net/hubfs/383029/media-theme/images/blank.png'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: auto; height: auto; font-size:36px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; font-family:'FontAwesome'; border-radius:100%; color:#fff !important;  background:transparent; line-height:36px; box-shadow:0 0 5px 5pxrgba(0, 0, 0, 0.2);  }
.fancybox-prev span { left: 10px; }
.fancybox-prev span:before { content: "\f104"; }
.fancybox-next span { right: 10px;   }
.fancybox-next span:before { content: "\f105"; }

.fancybox-close:hover , .fancybox-nav span:hover { color:#B9BF33; opacity:0.8; }

.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background:rgba(000,000,000,0.7); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
 #fancybox-loading div {  background-image: url('//cdn2.hubspot.net/hubfs/383029/media-theme/images/fancybox_loading@2x.gif'); }
}

/* resource-list */
.row-fluid .resource-section { padding:80px 0 0; }
.row-fluid .resource-section1 span.hs_cos_wrapper  { margin:0 -15px; display:block; } 
.row-fluid .resource-list { padding:30px 0 40px; }  
.row-fluid .resource-list ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .resource-list ul li { margin:0; padding:7px; display:inline-block; }
.row-fluid .resource-list ul li a { padding:7px 25px; color:#222222; border:1px solid #222222; display:inline-block; font-family: 'Poppins', sans-serif; font-weight:500; position:relative; z-index:555; }
.row-fluid .resource-list ul li a:before { content:''; top:0; left:0; bottom:0; right:100%; position:absolute; background-color:#B9BF33; z-index:-1; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;; }  
.row-fluid .resource-list ul li a:hover { background-color:transparent; color:#FFFFFF; border-color:#B9BF33; }
.row-fluid .resource-list ul li a:hover:before { right:0; }

.row-fluid .resource-box { width:33.30%; float:left; padding:15px; }
.row-fluid .resource-inner { border:1px solid #e6e6e6; position:relative; }
.row-fluid .resource-inner:before { content:''; position:absolute; top:30px; left:50%; right:50%; bottom:30px; background-color:/*background: rgba(40,60,134,1);
    background: -moz-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(40,60,134,1)), color-stop(100%, rgba(69,162,71,0.89)));
    background: -webkit-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: -o-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: -ms-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283c86', endColorstr='#45a247', GradientType=1 );*/
    background: rgba(10,36,82,0.99);
background: -moz-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(10,36,82,0.99)), color-stop(0%, rgba(10,36,82,0.99)), color-stop(33%, rgba(43,78,136,0.99)), color-stop(34%, rgba(44,79,138,0.99)), color-stop(100%, rgba(43,218,165,1)));
background: -webkit-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -o-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: linear-gradient(135deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2452', endColorstr='#2bdaa5', GradientType=1 );; opacity:0.9; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;; }
.row-fluid .res-boximg { height:250px; background-size:cover; background-position:center center; background-repeat:no-repeat; }
.row-fluid .res-boximg iframe { height:250px !important; }
.row-fluid .resource-text { padding:15px 30px 10px; }
.row-fluid .resource-topic { font-size:15px; line-height:20px; font-style:italic; color:#999999; }
.row-fluid .resource-title { padding:10px 0; font-size:22px; line-height:26px; font-family: 'Poppins', sans-serif; }

.row-fluid .resource-Isocta { position:absolute; width:100%; top:60%; left:50%; text-align:center; -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);; opacity:0; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;; }
.row-fluid a.resource-style { background:#FFFFFF; color:#B9BF33; border-color:#FFFFFF; }
.row-fluid a.resource-style:hover {  background-color:transparent; border-color:#FFFFFF; color:#FFFFFF; }
.row-fluid .resource-box:hover .resource-inner:before { top:0; right:0; left:0; bottom:0; }
.row-fluid .resource-box:hover .resource-Isocta { top:50%; opacity:1; }
.row-fluid .resource-box.video .resource-inner:before , .row-fluid .resource-box.video .resource-Isocta  { display:none; }


/* resource2-section */
.row-fluid .Resources-topiclist { padding:35px 0 45px; }
.row-fluid .Resources-topiclist .filter-dropdown { width:280px; float:left; text-align:left; position:relative; }
.row-fluid .Resources-topiclist ul { margin:0; padding:0; width:100%; list-style-type:none; border:1px solid #e6e6e6; display:none; position:absolute; top:50px; left:0; z-index:3; background-color:#FFFFFF }
.row-fluid .Resources-topiclist ul li { margin:0; display:block; font-weight:400; border-bottom:1px solid #e6e6e6; font-family: 'Poppins', sans-serif; position:relative; }
.row-fluid .Resources-topiclist ul li a { padding:7px 20px; width:100%; color:#222222; display:inline-block; }
.row-fluid .Resources-topiclist ul li a:hover { color:#B9BF33; }
.row-fluid .Resources-topiclist ul li a:before { content:''; position:absolute; top:0; left:0; width:3px;  height:0; background-color:#B9BF33; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;; }
.row-fluid .Resources-topiclist ul li a:hover:before { height:100%; }
.row-fluid .Resources-topiclist .filter-dropdownwrap span { padding:8px 20px; width:100%; text-transform:uppercase; font-weight:500; border:1px solid #e6e6e6; display:inline-block; font-family: 'Poppins', sans-serif; position:relative; cursor:pointer; }
.row-fluid .Resources-topiclist .filter-dropdownwrap span:after { content:"\f107"; display:inline-block; font-size:20px; font-family:'FontAwesome'; position:absolute; top:8px; right:15px; }
.row-fluid .resource2-section1 .resource-title { color:#FFFFFF; font-family: 'Poppins', sans-serif; }  
.center {    display: flex;
  justify-content: center;}


/* columns menu */
.row-fluid .column-menu { padding:5px; background-color:#e6e6e6; }
.row-fluid .column-menu ul { margin:0; padding:0; list-style-type:none; }
.row-fluid .column-menu ul li { width:100%; margin:0; padding:0; display:block; }
.row-fluid .column-menu ul li a { color:#222222; width:100%; border-bottom:1px solid #e6e6e6; background:#FFFFFF; }
.row-fluid .column-menu ul li a:hover { background:#B9BF33; color:#FFFFFF; border-bottom-color:#B9BF33; }
.row-fluid .column-menu ul li.hs-item-has-children > a:after { content:"\f107"; font-family: 'FontAwesome'; position:absolute; top:10px; right:15px; }
.row-fluid .column-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position:relative; opacity:1; visibility:inherit; }
.row-fluid .column-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left:0; }
.row-fluid .column-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children a.child-open ul.hs-menu-children-wrapper li a { background:rgba(255,255,255,0.5); }
.row-fluid .column-menu ul.hs-menu-children-wrapper li.hs-item-has-children > a { background:#FFFFFF; }
.row-fluid .column-menu ul.hs-menu-children-wrapper li.hs-item-has-children > a:hover { background:#B9BF33; }
.row-fluid .column-menu .hs-menu-flow-horizontal > ul ul li a { background:rgba(255,255,255,0.5); }
.row-fluid .column-menu .hs-menu-flow-horizontal > ul ul ul li a{ background:rgba(255,255,255,0.5); }
.row-fluid .column-menu .hs-menu-flow-horizontal > ul ul ul ul li a { background:rgba(255,255,255,0.5); }


@media (max-width: 991px) {
     /* resource page */
    .row-fluid .resource-box { width:50%; }
    .row-fluid .resource-list { padding:10px 0 20px; }
    .row-fluid .resource-list ul li { padding:4px; }
    .row-fluid .resource-list ul li a { padding:4px 18px; }
}

@media (min-width: 30px) and (max-width: 500px){
  
   /* resources section */
    .row-fluid .resource-box { width:100%; }
  .wrapper .box-tab {
  text-align: center;
}
  
  
}

@media (min-width: 768px){

  a.mobile-trigger, span.child-triggerm {
      display: none !important; /* Hide button on Desktop */
  }
  
  .row-fluid .mainmenu .hs-menu-wrapper { 
      display: block !important;
  }

}

@media (max-width: 767px){
 
    .row-fluid .mainmenu .hs-menu-wrapper ul li ul li a:hover { color: #333333; }     
    
  /* Menu Reset - Remove styling from desktop version of custom-menu-primary */
  /* Place any additional CSS you want removed from the mobile menu in this reset */
 



  /* Toggle Button
     ========================================================================== */

  a.mobile-trigger {
      display: inline-block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute; /*******************************************/
      top: 12px;          /* Position Button at top right of screen  */
      right: 15px;        /*******************************************/
      width: auto; /* Button width */
      height: auto; /* Button height */      
      padding: 0;
      background:transparent; /* Background color */
      z-index: 99999999999; /* Z-index to keep button on top of other layers */
      -webkit-transition: background-color 0.2s linear; /* Button color transition effect */
      font-size: 16px;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
      border-radius: 6px;
      -webkit-transition:color .2s ease-in; 
      -moz-transition:color .2s ease-in;
      transition:color .2s ease-in;
  }
  
  
      .top.fixed a.mobile-trigger { top: 7px; width: 39px; height: 35px; padding: 7px 8px; }
      .top.fixed .mainmenu.js-enabled .hs-menu-flow-horizontal { position: absolute; top: 8px; }
  

  a.mobile-trigger:hover {
      text-decoration: none; /* Removes link text underline on button */
      color: #333333;
  }

  a.mobile-trigger span{
      display: inline;
  }

  a.mobile-trigger span:before{
      position: absolute;
      content: 'Menu'; /* Change the text on the closed toggle button */
  }

  a.mobile-trigger span:after{
      position: relative;
      right: 2px;
      content: 'Close'; /* Change the text on the open toggle button */
      background-color: #40e4b3;
      opacity: 0;
      transition: opacity .4s ease-in-out;
      -moz-transition: opacity .4s ease-in-out;
      -webkit-transition: opacity .4s ease-in-out; 
  }

  /* Change button when menu is open */
  .mobile-open a.mobile-trigger{
      -webkit-transition:background-color 0.2s linear; /* Button color transition effect */
      -moz-transition:background-color 0.2s linear; /* Button color transition effect */
      transition:background-color 0.2s linear; /* Button color transition effect */
      background: transparent; /* Changes button background to be slightly darker than open menu color */  
  }

  .mobile-open a.mobile-trigger span:after{
     opacity: 1; 
  }


  /* Toggle Button Icon & Animations
     ========================================================================== */

  a.mobile-trigger i {
      display: inline;
      position: relative;
      top: -2px;
      margin-left: 0;
      -webkit-transition-duration: 0s;
      -webkit-transition-delay: .2s;
      -moz-transition-duration: 0s;
      -moz-transition-delay: .2s;
      transition-duration: 0s;
      transition-delay: .2s;
  }
  a.mobile-trigger  i:before, a.mobile-trigger i:after {
      position: absolute;
      content: '';
  }
  a.mobile-trigger  i, a.mobile-trigger  i:before, a.mobile-trigger  i:after {
      width: 20px; /* Icon line width */
      height: 3px; /* Icon line height */
      background-color: #FFFFFF; /* Icon color */
      display: inline-block;
  }
  a.mobile-trigger  i:before {
      margin-top: -8px; /* Position top line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
      width: 24px; /* Icon line width */
  }
  a.mobile-trigger  i:after {
      margin-top: 8px; /* Position bottom line */
      -webkit-transition-property: margin, -webkit-transform;
      -webkit-transition-duration: .2s;
      -webkit-transition-delay: .2s, 0;
      width: 24px; /* Icon line width */
  }
  .mobile-open a.mobile-trigger i {
      background-color: rgba(0,0,0,0.0);
      -webkit-transition-delay: .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:before {
      margin-top: 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }
  .mobile-open a.mobile-trigger i:after {
      margin-top: 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition-delay: 0, .2s;
      -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
      -moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0);
      box-shadow:         0px 1px 1px rgba(0, 0, 0, 0);
  }

  /* Child Toggle Button
     ========================================================================== */

  span.child-triggerm {
      display: block !important; /* Hide button on Desktop */
      cursor: pointer; /* Mouse pointer type on hover */
      position: absolute;
      top: 0px;
      right: 0px;
      width: 55px !important; /* Button width */
      min-width: 55px !important;
      height: 45px !important; /* Button height */  
      padding: 0 !important;
      border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  span.child-triggerm:hover {
      text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  span.child-triggerm span {
      position: relative;
      top: 50%; /* Centers icon inside button */
      margin: 0 auto !important;
      -webkit-transition-duration: .2s;
      -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  span.child-triggerm span:after {
      position: absolute;
      content: '';
  }
  span.child-triggerm span, span.child-triggerm span:after {
      width: 10px; /* Icon line width */
      height: 1px; /* Icon line height */
      background-color: #FFFFFF; /* Icon color */
      display: block;
  }
  
  .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span, .row-fluid .mainmenu .hs-menu-flow-horizontal > ul > li:hover span.child-triggerm span:after { background-color: #fff; }
  
  span.child-triggerm span:after {
      -webkit-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  span.child-triggerm.child-open span:after {
      -webkit-transform: rotate(-180deg);
       -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }
  span.child-triggerm.child-open span {
      -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
      transform: rotate(180deg);
       -webkit-transition-duration: .2s;
       -moz-transition-duration: .2s;
      transition-duration: .2s;
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  


  /* Hide menu on mobile */
  .mainmenu.js-enabled .hs-menu-flow-horizontal,
  .mainmenu.js-enabled .hs-menu-children-wrapper{
      display: none;
  }  

  /* Make child lists appear below parent items */
  .mainmenu ul.hs-menu-children-wrapper {
      visibility: visible !important;
      opacity: 1 !important;
      position: static !important;
      display: none;
  }

  /* Mobile Menu Styles */
  .mainmenu.js-enabled .hs-menu-flow-horizontal{
      position: fixed; /**************************************************************/
      top: 60px;             /* Positions the menu to drop from the very top of the screen */
      left: 0px;          /**************************************************************/                                              
      width: 100%;   
      -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      -moz-box-shadow:    0px 5px 5px 0px rgba(0, 0, 0, 0.65);
      box-shadow:         0px 5px 5px 0px rgba(0, 0, 0, 0.65); 
      bottom:0; 
      height:400px;
      overflow-y:auto !important;
  }
  .mainmenu .hs-menu-flow-horizontal{
      padding: 0 0 0 0; /* Padding to add room for close button */
      background-color: /*background: rgba(40,60,134,1);
    background: -moz-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(40,60,134,1)), color-stop(100%, rgba(69,162,71,0.89)));
    background: -webkit-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: -o-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: -ms-linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    background: linear-gradient(45deg, rgba(40,60,134,1) 0%, rgba(69,162,71,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283c86', endColorstr='#45a247', GradientType=1 );*/
    background: rgba(10,36,82,0.99);
background: -moz-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(10,36,82,0.99)), color-stop(0%, rgba(10,36,82,0.99)), color-stop(33%, rgba(43,78,136,0.99)), color-stop(34%, rgba(44,79,138,0.99)), color-stop(100%, rgba(43,218,165,1)));
background: -webkit-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -o-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
background: linear-gradient(135deg, rgba(10,36,82,0.99) 0%, rgba(10,36,82,0.99) 0%, rgba(43,78,136,0.99) 33%, rgba(44,79,138,0.99) 34%, rgba(43,218,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a2452', endColorstr='#2bdaa5', GradientType=1 ); /* #40e4b3*/; /* Menu background color set off global mobile-menuColor variable */
      width: 100%; /* Full screen width */
      z-index: 8888;
  }

   /* Level 1 Menu List Styles */
  .mainmenu .hs-menu-flow-horizontal > ul > li{
      position: relative;
   }
  .mainmenu .hs-menu-flow-horizontal > ul > li a{
      font-size: 22px; /* Font size of top level list items */
      line-height: 45px;
      overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .mainmenu .hs-menu-flow-horizontal ul li{
      border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .mainmenu .hs-menu-flow-horizontal ul li a{
      padding: 0 10px;
  }
  .mainmenu .hs-menu-flow-horizontal ul li a:hover{
      color: #333333; /* link hover color set by global mobile-aColorHover variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .mainmenu .hs-menu-flow-horizontal > ul ul li{
     background-color: rgba(255, 255, 255, .08);
  }
  .mainmenu .hs-menu-flow-horizontal > ul ul li a {
      text-indent: 0; /* Indent Child lists */
      font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .mainmenu .hs-menu-flow-horizontal > ul ul ul li a{
      text-indent: 0; /* Indent Child lists */
  }
  .mainmenu .hs-menu-flow-horizontal > ul ul ul ul li a {
      text-indent: 0; /* Indent Child lists */
  }
}