/*
Theme Name: National DPP
Author: Code Greene
Version: 1.0
*/

/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

/* SlickNav Responsive Mobile Menu */
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }
.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 33px;
    height: 5px;}
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }
.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {display:block; background:#fff; text-transform:uppercase; font-size:14px;}
  .slicknav_nav .slicknav_arrow {
    display:none;}
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }
.slicknav_brand {
  float: left; }
.slicknav_menu {
  font-size: 14px;
  box-sizing: border-box;}
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
display:none; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }
.slicknav_btn {
background:#08a94e;
  padding: 25px;
  margin: 0;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    line-height: 1.125em;
    cursor: pointer; }
.slicknav_nav {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;}
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin:0; }
  .slicknav_nav .slicknav_row {
    padding:15px;
font-size:14px;
color: #000; }
  .slicknav_nav a {
	  font-weight:bold;
    padding:15px;
    text-decoration: none;
    color: #000;
	text-align:left; 
	border-bottom:1px solid #ddd;}
    .slicknav_nav a a{
      border:none;}
      .slicknav_nav a:after {
		  float:right;
		  color:#08a94e;
  		font-family:FontAwesome;
  		content:"\f105";
		padding-right:3px;
		box-sizing:border-box;}
        .slicknav_nav a.hasChild:after {
  		  font-family:FontAwesome;
    	  content:"\f107";
	  	  padding:0;}
    .slicknav_nav li:hover {
      background: #f2f2f2;}
  	.slicknav_nav a a:after{
  		display:none;}
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }
	.slicknav_nav ul.sub-menu li{background:#08a94e;}
	.slicknav_nav ul.sub-menu li:hover {background:#005596;}
	.slicknav_nav ul.sub-menu a {font-weight:400; padding:10px 15px 10px 30px; color:#fff; border:none; text-transform:initial;}
	.slicknav_nav ul.sub-menu a:after {color:#fff;}
	.slicknav_nav ul.sub-menu a a{padding:0;}
	.slicknav_nav ul.sub-menu a a:after {padding-right:0;}
	.slicknav_nav ul.sub-menu a a:hover {background:none;}

.slicknav_nav ul.sub-menu ul.sub-menu a{background:#005596; padding:10px 15px 10px 45px;color:#fff;}
.slicknav_nav ul.sub-menu ul.sub-menu a:after{color:#fff;}
.slicknav_nav ul.sub-menu ul.sub-menu a:hover{color:#000; background:#fff;}
.slicknav_nav ul.sub-menu ul.sub-menu a:hover:after{color:#000;}

.slicknav_brand {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }
.slicknav .sub-menu li.dotted span {border-bottom:1px dotted #ccc;display:block;margin:5px 20px;}
/* SlickNav Responsive Mobile Menu END */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body,
button,
input,
select,
textarea,
p {
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea {width:100%;}

body {
	background: #fff;
}

a {
	color: #08a94e;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
	color: #005596;
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 700;
	line-height: 1;
}

h1 {
	font-size: 35px;
	color:#08a94e;
	margin-bottom:10px;
}

h2 {
	font-size: 24px;
	margin-bottom:10px;
}

h3 {
	font-size: 20px;
	margin-bottom:10px;
}

h4 {
	font-size: 16px;
	margin-bottom:5px;
}

h5 {
	font-size: 14px;
	margin-bottom:5px;
}

h6 {
	font-size: 12px;
	margin-bottom:5px;
}

address {
	font-style: italic;
	margin-bottom: 24px;
}

abbr[title] {
	border-bottom: 1px dotted #2b2b2b;
	cursor: help;
}

b,
strong {
	font-weight: 700;
}

cite,
dfn,
em,
i {
	font-style: italic;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

p{
	width:100%;
	margin:0 0 10px;
}

p:last-child{
	margin-bottom:0;
}

@media screen and (max-width:480px) {   
	p { text-align:justify; }
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	-epub-hyphens: 	 none;
	hyphens:         none;
	line-height: 1.6;
}

pre {
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin-bottom: 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-size: 24px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.2631578947;
	margin-bottom: 20px;
}

blockquote cite,
blockquote small {
	color: #2b2b2b;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

big {
	font-size: 125%;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .8ex;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

ul,
ol {
	float:left;
	width:100%;
	list-style: none;
	padding-left:50px;
	box-sizing:border-box;
	margin: 0 0 10px 0;
	font-size:14px;
	color:#333;
}

ul {
	list-style: disc;
	font-weight:400;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0 0 0 20px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
}

p img {
	display:block;
	margin: 0 auto;
}

@media screen and (max-width:475px) {   
	p img { width: 100%; height: auto; margin: 10px 0; }
}

.wp-caption {
	float: left;
	box-shadow: 0px 0px 10px #999;
	padding: 5px;
	box-sizing:border-box;
	margin: 0 10px;
	background-color: #fff;
}

.wp-caption img { 
	width: 100%;
	height:auto;
}

@media screen and (max-width:475px) {   
	.wp-caption { width: 100% !important; margin: 10px 0; }
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}

legend {
	white-space: normal;
}

button,
input,
select,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="radio"]{
   -webkit-appearance:radio;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}

del {
	color: #767676;
}

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 23px;
}

::selection {background: #08a94e;color: #fff;text-shadow: none;}
::-moz-selection {background: #08a94e;color: #fff;text-shadow: none;}

.clearfix:before,
.clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {display:block;margin:0 auto;}
img.alignright {margin-left:10px;}
img.alignleft {margin-right:10px;}

.white-text {color:#fff;}
.black-text {color:#000;}
.grey-text {color:#888;}
.primary-text {color:#08a94e;}
.secondary-text {color:#005596;}

.white-text p{color:#fff;}
.black-text p{color:#000;}
.grey-text p{color:#888;}
.primary-text p{color:#08a94e;}
.secondary-text p{color:#005596;}

.black-bar {border-top:15px solid #000;}
.grey-bar {border-top:15px solid #888;}
.primary-bar {border-top:15px solid #08a94e;}
.secondary-bar {border-top:15px solid #005596;}

strong.search-excerpt{font-weight:bold; color:#08a94e;}

/* Blog Index */
.blog-index .blog-title{float:left; width:100%; font-size:35px; text-align:center; margin-bottom:50px;}
.blog-index .news-blocks{float:left; width:100%;}
.blog-index .news-text-block{float:left; width:100%; margin-bottom:60px; position:relative}
.blog-index .post-thumb{float:left; width:221px; margin-right:-300px;}
.blog-index .post-thumb img{max-width:100%; height:160px;}
.blog-index .post-content{float:left; width:100%; padding-left:300px; box-sizing:border-box;}
.blog-index .news-title{float:left; line-height:1; font-size:26px; margin-bottom:5px;}
.blog-index .news-title a{color:#08a94e;}
.blog-index .news-title a:hover{color:#005596;}
.blog-index .news-date{float:left; width:100%; font-size:14px;}
.blog-index .post-excerpt{float:left; width:100%;}
.blog-index .pagination{float:left; width:100%; margin-bottom:45px;}
.blog-index .pagination a{color:#08a94e;}
.blog-index .pagination a:hover{color:#005596;}
.blog-index .nav-previous{float:right;}
.blog-index .nav-next{float:left;}

@media screen and (max-width:975px) {	
	.blog-index{width:100%; padding:0 20px; box-sizing:border-box}
}

@media screen and (max-width:767px) {	
	.blog-index .post-thumb{display:none;}
	.blog-index .post-content{padding:0;}
}

@media screen and (max-width:375px) {	
	.blog-index{padding:0;}
}

/* Blog Single */
.news-left-side{float:left; width:65%; padding-right:20px; box-sizing:border-box;}
.news-right-side{float:left; width:35%; background-color:#f2f2f2; padding:20px; box-sizing:border-box;}

.blog-single .news-block{float:left; width:100%;}
.blog-single .news-text-block{float:left; width:100%;}
.blog-single .news-video{float:left; width:100%; text-align:center;}
.blog-single .news-video p{margin-top:0;}
.blog-single .news-video iframe{width:100%; height:438px;}
.post-thumb{float:left; width:100%; margin-bottom:40px; text-align:center;}
.post-thumb img{max-width:100%; height:auto;}
.blog-single .post-content{float:left; width:100%;}
.blog-single .news-title{float:left; color:#08a94e; line-height:1; font-size:26px;}
.blog-single .news-date{float:right; color:#000; font-size:14px;}
.blog-single .news-text{float:left; width:100%; margin-top:20px; text-align:justify;}
.blog-single .pagination{float:left; width:100%; margin-top:45px;}
.blog-single .pagination a{color:#08a94e;}
.blog-single .pagination a:hover{color:#005596;}
.blog-single .nav-previous{float:left;}
.blog-single .nav-next{float:right;}

@media screen and (max-width:1240px) {
	.blog-single .news-video iframe{height:35.4vw;}
}

@media screen and (max-width:975px) {
	.blog-single{width:100%; box-sizing:border-box}
}

@media screen and (max-width:767px) {
	.news-left-side{width:100%; padding-right:0; margin-bottom:40px;}
	.news-right-side{width:100%;}
	.blog-single .news-video iframe{height:50.5vw;}
}

/* Sidebar */
#sidebar{float:left; width:100%; background:#fff; padding:20px; box-sizing:border-box;}
#sidebar .textwidget a{clear:both; float:left; margin-bottom:10px;}
#sidebar .textwidget a:last-child{margin:0;}
#sidebar img{width:100%; height:auto; margin-bottom:10px;}

#sidebar ul{margin:0; list-style:none;}
#sidebar .widget{float:left; width:100%; margin-bottom:10px;}
#sidebar .widget:last-child{margin:0;}

#sidebar .widget_search .search-form label {float:left; width:100%; padding-right:105px; box-sizing:border-box;}
#sidebar .widget_search .search-form label span{display:none;}
#sidebar .widget_search .search-form label input{width:100%; border:1px solid #000;}
#sidebar .widget_search .search-form input.search-submit{float:left; width:100px; margin-left:-100px; color:#fff; background-color:#08a94e; border:1px solid #08a94e; border-radius:5px;}
#sidebar .widget_search .search-form input.search-submit:hover{color:#08a94e; background-color:#fff;}

/* Search Results ========================================== */
.search-result-title{float:left; width:100%; margin:0 0 25px;}
.search-results .post-content{float:left; width:100%; padding:20px; box-sizing:border-box; color:#000; border-top:1px solid #d4d7d5; transition:all 0.25s;}
.search-results .post-content:hover{cursor:pointer; background-color:#f2f2f2;}
.search-results .post-title{float:left; width:100%; text-decoration:none;}
.search-results .post-content:hover .post-title{color:#08a94e;}
.search-results .post-excerpt{float:left; width:100%;}

/* Responsive */
#mobile-right {display:none; padding-bottom:40px;}
#mobile-image {width:100%;text-align:center;margin:0 auto; float:none;}
#mobile-image img {max-width:100%;max-height:100%;height:auto;border-radius:200px;}

.container {width:1250px; max-width:100%; margin:0 auto; position:relative;}
.header-container {width:1350px; margin:0 auto; position:relative;}

@media screen and (max-width:1390px) {
	.header-container {width:100%;padding:0 20px;box-sizing:border-box;}
}

@media screen and (max-width:1290px) {
	.container {width:100%;padding:0 20px;box-sizing:border-box;}
}

@media screen and (max-width:600px){
	#desktop-right{display:none;}
	#mobile-right{display:block;}
}

.left-side{float:left; width:300px; padding:20px; box-sizing:border-box; margin:50px -300px 0 0; background:#f2f2f2;}
.left-side.hasScrolled{position:fixed; top:55px;}
.right-side{float:right; width:100%; padding-left:320px; box-sizing:border-box;}

@media screen and (max-width:659px) {
	.right-side{width:100%; padding:0; margin-bottom:20px;}
	.left-side{width:100%; margin:0 0 50px 0;}
	.left-side.hasScrolled{position:static;}
}

.btn a{color:#fff; background:#08a94e; padding:10px; font-size:20px; border:none; border-radius:5px;}
.btn a:hover{background:#005596;}
.btn input[type=submit]{color:#fff; background:#08a94e; padding:10px 50px; font-size:20px; border:none; border-radius:5px;}
.btn input[type=submit]:hover{background:#005596;}

.hero-image .btn a{font-size:20px;}

@media screen and (max-width:480px) {
	.page-template-page-economic-impact .btn p{text-align:center;}
}

/* Sticky Footer */
html, body{height:100%;}
.page-wrapper{float:left; width:100%; min-height:100%; position:relative;}
.page-content{float:left; width:100%; margin:72px 0 132px;}

.footer{position:absolute; bottom:0; left:0;}

@media screen and (max-width:351px) {
	.page-content{margin-top:79px;}
}

/* Contact Fields */
.wpcf7{width:100%; float:left;}
section.form-input{float:left; width:50%; margin-bottom:15px;}
section.message{width:100%; padding:0 !important;}
section.message textarea{width:100%; padding:20px; border:1px solid #aaa; border-radius:5px;}
section.form-input input,
section.form-input select{width:100%; height:60px; background:#fff; float:left; border:1px solid #aaa; border-radius:5px; padding:20px;}
section.form-submit{clear:both; float:left;}

@media screen and (max-width:375px) {
	section.form-submit,
	input[type=submit]{width:100%;}
	section.form-submit.btn{padding:15px 0;}
}

/* (Sections) Custom CSS */

/* Survey Popup */
/*#popupbutton{position:absolute; top:100%; right:calc(50% - 675px); color:#fff; background: #08a94e; padding:10px 20px; box-sizing:border-box; border-radius:0 0 20px 20px;}
.popmake-title{margin-bottom:20px;}
.survey-form .form-item{float:left; width:100%; margin-bottom:25px;}
.survey-form .section-text{margin-bottom:10px;}
.survey-form .form-input{float:left; width:100%;}
.survey-form .form-input input{padding:5px; box-sizing:border-box; border:none;}
.survey-form .form-input span textarea{height:150px;}
.survey-form .wpcf7-list-item.first{margin:0;}
.survey-form .form-input.target{margin-bottom:5px;}
.survey-form input[type=submit]{background:#005596;}
.survey-form input[type=submit]:hover{color:#005596; background:#fff;}

@media screen and (max-width:1390px) {
	#popupbutton{right:20px;}
}

@media screen and (max-width:1229px) {
	#popupbutton{right:0;}
}

@media screen and (max-width:418px) {
	#popupbutton{width:100%; text-align:center;}
}*/

/* Hero Image */
.hero-image{float:left; width:100%; min-height:340px; margin-bottom:50px; background:no-repeat center; background-size:cover; position:relative;}
.hero-image-title{width:100%; padding:100px 20px; box-sizing:border-box; color:#fff; font-size:60px; line-height:1; text-align:center; text-shadow: 3px 3px 5px #555; position:relative; z-index:2;}
.hero-overlay{background:#666; opacity:0.5; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;}
.hero-image.thin .hero-image-title{padding:65px 20px;}

@media screen and (max-width:580px) {
	.hero-image-title{font-size:40px;}
}

/* Icons */
.icons{text-align:justify; float:left; width:100%; padding:50px 0 30px;}
.icons:after{display:inline-block; width:100%; content:'';}
.icons .icon{display:inline-block; vertical-align:top; padding:0 10px; box-sizing:border-box; text-align:center; margin:-2px; margin-bottom:20px;}
.icons .icon.two{width:280px;}
.icons .icon.two:first-child{margin-left:14%;}
.icons .icon.two:last-child{margin-right:14%;}
.icons .icon.three{width:33.33%;}
.icons .icon.four{width:25%;}
.icons .icon.five{width:20%;}
.icons .icon .icon-image-container{float:left; width:100%; padding-bottom:20px;}
.icons .icon .icon-image-container .icon-image{float:left; width:100%; background-repeat:no-repeat; background-size:contain; background-position:center;}

.icons .icon.two .icon-image-container .icon-image{height:173px;}
.icons .icon.three .icon-image-container .icon-image{height:17vw; max-height:275px;}
.icons .icon.four .icon-image-container .icon-image{height:13vw; max-height:205px;}
.icons .icon.five .icon-image-container .icon-image{height:10vw; max-height:160px;}

.icons .icon .icon-title{font-size:18px; color:#000; font-weight:bold; margin:10px 0; text-align:center;}
.icons .icon .icon-text{font-size:14px; line-height:20px;}
.icons .icon .icon-link{margin-top:30px;}

@media screen and (max-width:1090px) {
	.icons .icon.five{width:30%;}
	.icons .icon.five .icon-image-container .icon-image {height:18vw;}
	.icons .icon.five:nth-child(4){margin-left:14%;}
	.icons .icon.five:last-child{margin-right:14%;}
}

@media screen and (max-width:950px) {
    .icons .icon.two:first-child{margin-left:8%;}
	.icons .icon.two:last-child{margin-right:8%;}
}

@media screen and (max-width:900px) {
	.icons .icon.four{width:50%;}
	.icons .icon.four .icon-image-container .icon-image{height:30vw;}
}

@media screen and (max-width:768px) {
    .icons .icon.two:first-child{margin-left:0;}
	.icons .icon.two:last-child{margin-right:0;}
}

@media screen and (max-width:610px) {
	.icons .icon{margin-bottom:20px;}
	.icons .icon:last-child{margin-bottom:0;}
	.icons .icon.two,
	.icons .icon.three,
	.icons .icon.four,
	.icons .icon.five{width:100%;}
	.icons .icon.five:nth-child(4){margin-left:0;}
	.icons .icon.five:last-child{margin-right:0;}
	.icons .icon .icon-image-container .icon-image{height:60vw !important;}
}

/* Four Squares */
.four-squares {float:left;width:100%;padding:50px 0;}
.fs-square {float:left;width:50%;display:block;background-size:cover;height:520px;background-repeat:no-repeat;position:relative;border:5px solid #fff;box-sizing:border-box;}
.fs-square.short{height:340px;}
.fs-square .main-text {float:right;margin:10px 10px 0 0;background:#000;color:#fff;text-transform:uppercase;font-weight:bold;padding:5px 10px;font-size:18px;}
.fs-square .icon-section {display:none;}
.fs-square .icon-section .icon-text p {margin-bottom:0px; color:#fff;}
.fs-square .icon-section .icon-text p + p {margin-bottom:10px;}
.fs-square:hover .icon-section {display:block;position:absolute;bottom:0;background:rgba(0,0,0,0.7);padding:10px;box-sizing:border-box;color:#fff;width:100%;}

@media screen and (max-width:1150px) {
	.fs-square{width:100%; height:100vw;}
}

@media screen and (max-width:425px) {
	.fs-square .main-text{font-size:14px;}
}

@media screen and (max-width:375px) {
	.fs-square{width:100%; height:150vw;}
}

/* Simple Text */
.simple-text{float:left; width:100%; padding:50px 0;}

.page-template-page-economic-impact .simple-text .btn h1{margin:30px 0 40px;}
.page-template-page-economic-impact .simple-text .btn a{padding:20px 25px; font-size:20px; margin-bottom:0;}

/* Homepage Form */
section.homepage.form-input{width:33.33%;}
section.homepage.form-input:nth-of-type(1){padding-right:10px; box-sizing:border-box;}
section.homepage.form-input:nth-of-type(2){padding:0 5px; box-sizing:border-box;}
section.homepage.form-input:nth-of-type(3){padding-left:10px; box-sizing:border-box;}
section.homepage.form-submit{float:none; text-align:center;}

@media screen and (max-width:750px) {
	section.homepage.form-input{width:100%;}
	section.homepage.form-input:nth-of-type(1){padding:0;}
	section.homepage.form-input:nth-of-type(2){padding:0;}
	section.homepage.form-input:nth-of-type(3){padding:0;}
}

/* Full Width Image */
.fw-image{float:left; width:100%; height:20vw; min-height:400px; margin:50px 0; background:no-repeat center; background-size:cover;}

/* Flexible Content */
.flexible-content{float:left; width:100%;}

.section{float:left; width:100%; padding:50px 0;}
.section-block{float:left; width:100%;}
.section-half{width:48%;}
.section-image{float:left; width:100%;}
.section-image img{width:100%; height:auto;}
.section-video{float:left; width:100%;}
.section-video iframe{width:100%; height:18vw; max-height:251px;}
.section-all-text{float:left; width:100%;}
.section-title{float:left; width:100%;}
.section-text{float:left; width:100%;}
.section-text img{float:left; width:150px; height:auto;}
.section-link{float:right; margin-top:15px;}

.z-pattern.section-block{display:flex; justify-content:space-between; align-items:center; padding:30px 0; border-bottom:1px solid #ccc;}
.z-pattern.section-block:first-child{border-top:1px solid #ccc;}
.z-pattern.section-image a img{width:100%; height:auto;}

@media screen and (max-width:970px) {
	.right-side .section-half{width:100%;}
	.right-side .section-image{margin-bottom:10px;}
}

@media screen and (max-width:620px) {
	.section-half{width:100%;}
	.section-image{margin-bottom:10px;}
}

@media screen and (max-width:659px) {
	.right-side .section{padding-bottom:0;}
}

/* Contact With Sidebar */
.contact-w-sidebar{float:left; width:100%; padding:50px 0;}

.contact-w-sidebar-left{float:left; width:70%;  padding-right:20px; box-sizing:border-box;}
.contact-w-sidebar-left-text{float:left; width:100%;}
.contact-w-sidebar-left-text p{margin-top:0;}
.contact-w-sidebar-form{float:left; width:100%;}

.contact-w-sidebar-right{float:left; width:30%; background-color:#f2f2f2; padding:20px; box-sizing:border-box;}
.contact-w-sidebar-image{float:left; width:100%;}
.contact-w-sidebar-image img{float:left; width:100%; height:100%;}
.contact-w-sidebar-text{float:left; width:100%;}
.contact-w-sidebar-map{float:left; width:100%;}
.contact-w-sidebar-map p{margin-bottom:0;}
.contact-w-sidebar-map iframe{max-width:100%; max-height:300px;}

.contact-w-sidebar .wpcf7{width:100%; float:left;}
.contact-w-sidebar .form-input{width:50%; float:left; margin-bottom:15px;}
.contact-w-sidebar .form-input:nth-child(even){padding-right:7.5px; box-sizing:border-box;}
.contact-w-sidebar .form-input:nth-child(odd){padding-left:7.5px; box-sizing:border-box;}
.contact-w-sidebar .form-input:nth-child(6){width:100%; padding:0;}
.contact-w-sidebar .message textarea{padding:20px;}
.contact-w-sidebar .form-input input{width:100%; float:left; border:1px solid grey; padding:20px;}

.wpcf7-not-valid-tip{display:none !important;}
form.invalid input.wpcf7-not-valid{border:1px solid red; background:#f0e3e3;}

@media screen and (max-width:767px) {
	.contact-w-sidebar-left{width:100%; padding:0; margin-bottom:40px;}
	.contact-w-sidebar-right{width:100%;}
}

@media screen and (max-width:425px) {
	.contact-w-sidebar .form-input{width:100%;}
	.contact-w-sidebar .form-input:nth-child(even){padding:0;}
	.contact-w-sidebar .form-input:nth-child(odd){padding:0;}
}

@media screen and (max-width:375px) {
	.contact-w-sidebar input[type=submit]{width:100%;}
}

/* Latest Posts */
.latest-posts{}
.latest-posts-title{float:left; width:100%;}
.latest-post{float:left; width:33.33%; height:370px; background:no-repeat center; background-size:cover; border:5px solid #fff; box-sizing:border-box;}
.post-title{float:left; width:100%;}
.post-title h2{color:#fff; padding:10px;}
.overlay{width:100%; height:100%;}
.overlay:hover{cursor:pointer; background:rgba(8,169,85,0.56);}

@media screen and (max-width:1300px) {
	.latest-post{height:25vw;}
}

@media screen and (max-width:1050px) {
	.post-title h2{font-size:20px;}
}

@media screen and (max-width:700px) {
	.latest-post{width:100%; height:250px;}
}

/* Market Players */
.market-players-image{float:left; width:100%;}
.market-players-image img{width:100%; height:auto;}

/* Timeline Index */
.page-template-page-timeline-landing{background:#f2f2f2;}
.timeline-index{float:left; width:100%; padding:50px 0; position:relative;}
.timeline-container{padding:0 40px; box-sizing:border-box;}

.timeline-category{float:left; width:100%; text-align:center; position:relative; z-index:100;}
.timeline-category p{display:inline-block; width:initial; color:#fff; background:#005596; padding:5px 10px; box-sizing:border-box; border-radius:10px;}

.timeline-line{position:absolute; left:50%; top:80px; bottom:80px; border-right:1px solid #e1e1e1;}
.timeline-arrow{width:20px; height:20px; background:#fff; position:absolute; top:47px; transform:rotate(45deg);}
section.timeline-content-block:nth-of-type(odd) .timeline-arrow{right:-5px;}
section.timeline-content-block:nth-of-type(even) .timeline-arrow{left:-5px;}
.timeline-dot{width:6px; height:6px; background:#08a94e; border:4px solid #fff; border-radius:10px; position:absolute; top:50px; z-index:100;}
section.timeline-content-block:nth-of-type(odd) .timeline-dot{right:-25px;}
section.timeline-content-block:nth-of-type(even) .timeline-dot{left:-25px;}
.timeline-circle{position:absolute; top:calc(50% - 20px);}
section.timeline-content-block:nth-of-type(odd) .timeline-circle{left:-20px;}
section.timeline-content-block:nth-of-type(even) .timeline-circle{right:-20px;}
.timeline-circle i{padding:15px; box-sizing:border-box; color:#fff; background:#888; font-size:30px; border-radius:100px;}

.timeline-content-block{clear:both; width:calc(50% - 19px); background:#fff; margin:15px 0; border:1px solid #e1e1e1; border-radius:5px; position:relative; transition:all 0.5s;}
section.timeline-content-block:nth-of-type(odd){float:left; text-align:right;}
section.timeline-content-block:nth-of-type(odd) p{text-align:right;}
section.timeline-content-block:nth-of-type(even){float:right;}
section.timeline-content-block:nth-of-type(even) p{text-align:left;}
.timeline-content-block:hover{border:1px solid #aaa;}
.timeline-content-block a{display:block; float:left; padding:20px; box-sizing:border-box;}
.timeline-title{float:left; width:100%;}
.timeline-excerpt{float:left; width:100%;}
.timeline-link{float:left; width:100%;}

@media screen and (max-width:700px) {
	.timeline-container{padding:0 20px;}
	
	.timeline-content-block{width:100%;}
	section.timeline-content-block:nth-of-type(odd){float:left; text-align:center; padding-left:0;}
	section.timeline-content-block:nth-of-type(odd) p{text-align:center; margin: 0 0 60px;}
	section.timeline-content-block:nth-of-type(even){text-align:center; padding-right:0;}
	section.timeline-content-block:nth-of-type(even) p{text-align:center; margin: 0 0 60px;}
	
	.timeline-dot{display:none;}
    .timeline-arrow{display:none;}
	.timeline-circle{top:auto; bottom:10px;}
	section.timeline-content-block:nth-of-type(odd) .timeline-circle{left:calc(50% - 32px)}
	section.timeline-content-block:nth-of-type(even) .timeline-circle{right:calc(50% - 32px)}
}

@media screen and (max-width:425px) {
	section.timeline-content-block:nth-of-type(odd) p{text-align:justify;}
	section.timeline-content-block:nth-of-type(even) p{text-align:justify;}
}

/* Timeline Single */
.timeline-single{float:left; width:100%; padding:50px 0;}
.title{float:left; width:100%; color:#08a94e;}
.excerpt{float:left; width:100%;}
.pagination{float:left; width:100%; margin-top:50px;}
.nav-previous{float:left; width:50%;}
.nav-next{float:right; width:50%; text-align:right;}

/* Ask an Expert */
.ask-expert.form-input:nth-of-type(1){padding-right:5px; box-sizing:border-box;}
.ask-expert.form-input:nth-of-type(2){padding-left:5px; box-sizing:border-box;}
.ask-expert.message textarea{height:150px;}

@media screen and (max-width:425px) {
	.ask-expert.form-input{width:100%; padding:0 !important;}
}

/* FAQ ========================================== */
.faq .section-text-main{margin-bottom:10px;}
.faq .accordion,
.faq .accordion *{box-sizing:border-box;} 
.faq .accordion{float:left; width:100%;}
.faq .accordion-section{float:left; width:100%; margin-bottom:15px;}
.faq .accordion-section h4{margin-bottom:0;}
.faq .accordion-section-title{width:100%; padding:15px; color:#fff; background:#3b3b3b; transition:all .25s;}
.faq .accordion-section-title.active,
.faq .accordion-section-title:hover{background:#08a94e; cursor:pointer;}
.faq .accordion-section:nth-child(even) .accordion-section-title{background-color:#666666;}
.faq .accordion-section:nth-child(even) .accordion-section-title.active,
.faq .accordion-section:nth-child(even) .accordion-section-title:hover{background:#08a94e; cursor:pointer;}
.faq .accordion-section-content{display:none; float:left; width:100%; padding:15px; background:#f2f2f2;}

.faq .plus-minus-icon{float:right; font-size:30px; transition:all .25s;}
.faq .plus-minus-icon.minus{padding-left:10px;}
.faq .plus-minus-icon:hover{color:#08a94e; cursor:pointer;}

.faq .backtotop{float:right; width:100%; padding:10px 0; text-align:right;}

/* Form Validation */
.wpcf7-not-valid-tip{display:none !important;}
form.invalid input.wpcf7-not-valid,
form.invalid select.wpcf7-not-valid,
form.invalid textarea.wpcf7-not-valid{border:1px solid red; background:#f0e3e3;}

form.invalid .wpcf7-not-valid{float:left;}

.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors{float:left; width:100%; padding:10px 0; margin:20px 0; text-align:center;}
div.wpcf7-response-output{padding:0; margin:0;}

/* Header */
.header {float:left;width:100%;position:relative;z-index:90;background-color:#fff;position:fixed; border-bottom:2px solid #08a94e;}

.header .logo {float:left;padding:15px 0;transition:all 0.5s;}
.header .logo img {height:46px;}
.header .menu-main-menu-container {float:right;margin-top:16px;transition:all 0.5s;}
.header .menu-main-menu-container ul {padding:0;margin:0;}
.header .menu-main-menu-container ul li {float:left;margin:0;padding:0;font-size:14px;font-weight:bold;list-style-type:none;position:relative;}
.header .menu-main-menu-container ul li a {color:#08a94e;display:block;padding:10px 20px;}
.header .menu-main-menu-container ul li a:hover,
.header .menu-main-menu-container ul li a.hovered {color:#fff;background:#08a94e;}
.header .menu-main-menu-container ul li ul.sub-menu {display: none;}
.header .menu-main-menu-container ul li:hover > ul.sub-menu {display:block;width:initial;position:absolute;right:0;white-space:nowrap;background:#fff;padding:10px 0;border:2px solid #08a94e;z-index:10;}
.header .menu-main-menu-container ul li:hover > ul.sub-menu li {font-size:14px;width:100%;box-sizing:border-box;}
.header .menu-main-menu-container ul li:hover > ul.sub-menu li.dotted span {border-bottom:1px dotted #ccc;display:block;margin:5px 20px;}
.header .menu-main-menu-container ul li:hover > ul.sub-menu li a {color:#08a94e;padding:0 10px;}
.header .menu-main-menu-container ul li:hover > ul.sub-menu li a:hover {color:#005596;background:#fff;}
.header .menu-main-menu-container ul li ul.sub-menu li ul.sub-menu{display:none !important;}
.header .menu-main-menu-container ul li ul.sub-menu li:hover > ul.sub-menu{display:block !important; top:-12px; right:100%; z-index:10;}

.header #header-search{float:left; width:320px; margin:17px 0;}
.header .header-search form{width:100%;}
.header .header-search input{width:100%; padding: 10px 25px 10px 40px; box-sizing:border-box; background:#e5e5e5 url("images/mag-glass.png") no-repeat 14px 8px; border:none; border-radius:30px;}

.slicknav {display:none;}

@media screen and (max-width:1229px) {
	.menu-main-menu-container {display:none;}
	.slicknav {display:block;}
}

@media screen and (max-width:480px) {
	.header #header-search{width:60vw;}
}

/* Footer ========================================== */
.footer{float:left; width:100%; background:#fff; padding:20px; box-sizing:border-box; border-top:2px solid #005596;}
.footer-inner{display:flex; justify-content:space-between; align-items:center;}
.footer-copyright{flex:1; color:#005596; font-size:20px;}
.footer-menu{flex:2; padding:0 10px; box-sizing:border-box;}
.footer-menu ul{display:flex; flex-wrap:wrap; justify-content:center; padding:0; margin:0; list-style:none;}
.footer-menu li{float:left; padding:0 10px; font-size:18px;}
.footer-menu a{color:#005596;}
.footer-menu a:hover{color:#08a94e;}
.footer-logos{flex:1; display:flex; justify-content:flex-end;}
.footer-logo.nacdd img{height:35px; width:auto;}
.footer-logo.cdc img{height:35px; width:auto; padding-left:18px;}

@media screen and (max-width:1000px) {
	.footer-inner{flex-direction:column;}
	.footer-menu{padding:10px 0;}
	.footer-logos{order:1;}
	.footer-menu{order:2;}
	.footer-copyright{order:3; text-align:center;}
}

/* Print Styles */

@media print {
	.container,
	.header-container{width:1100px;}
	
	.header,
	.footer,
	#popupbutton,
	.contact-w-sidebar-right,
	.wpcf7{display:none;}
	
	.hero-image{min-height:0px; margin-bottom:0;}
	.hero-image-title{padding:50px 20px;}
	.hero-image.thin .hero-image-title{padding:50px 20px;}
	
	.fs-square .main-text{width:100%; padding:0; margin:0;}
	.fs-square .icon-section{display:block;}
	
	.faq .accordion-section-content{display:block;}
	
	.page-template-page-timeline-landing{background:none;}
}


/* NEW CUSTOM STYLE FOR GRAVITY FORM */

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

.gform_wrapper .gfield input[type="date"], 
.gform_wrapper .gfield input[type="datetime"],
.gform_wrapper .gfield input[type="datetime-local"], 
.gform_wrapper .gfield input[type="email"], 
.gform_wrapper .gfield input[type="month"], 
.gform_wrapper .gfield input[type="number"], 
.gform_wrapper .gfield input[type="password"], 
.gform_wrapper .gfield input[type="range"], 
.gform_wrapper .gfield input[type="search"], 
.gform_wrapper .gfield input[type="tel"], 
.gform_wrapper .gfield input[type="text"], 
.gform_wrapper .gfield input[type="time"], 
.gform_wrapper .gfield input[type="url"], 
.gform_wrapper .gfield input[type="week"], 
.gform_wrapper .gfield select, 
.gform_wrapper .gfield textarea {
    background-color: #ffffff;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 1px solid #cccccc;
    padding: 6px 10px;
    height: 38px;
    width: 100%;
    line-height: 1.3;
}

.gform_wrapper .gfield .gfield_checkbox {

}
.gform_wrapper .gfield .gfield_checkbox li {
	height: 25px;
	padding: 10px 15px;
	width: auto;
}

.gform_wrapper .gfield .gfield_checkbox li input[type=checkbox] {
    width:20px !important;
    height: 20px !important;
}

.gform_wrapper .gfield .gfield_checkbox li input[type=checkbox] {
    opacity: 0;
    position: absolute;   
}
.gform_wrapper .gfield .gfield_checkbox li input[type=checkbox] + label{
	height: 25px;
    position: relative;
    overflow: hidden;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
}

.gform_wrapper .gfield .gfield_checkbox li input[type=checkbox] + label:before,
.gform_wrapper .gfield .gfield_checkbox li input[type=checkbox] + label:after{
    content: '';
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-transition: .2s;
    transition: .2s;
}

/* after */
.gform_wrapper .gfield .gfield_checkbox li input[type=checkbox]:not(:checked) + label:after {
    width: 20px;
    height: 20px;
    border: 2px solid #cccccc;
    top: 0px;
}

.gform_wrapper .gfield .gfield_checkbox li input[type=checkbox]:checked + label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #08a94e;
    background-color: #08a94e;
    z-index: 0;
	border-radius: 2px
}

/* before */
.gform_wrapper .gfield .gfield_checkbox li input[type=checkbox]:not(:checked) + label:before {
	width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.gform_wrapper .gfield .gfield_checkbox li input[type=checkbox]:checked + label:before {
	    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
	margin-top:3px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type="submit"], 
.gform_wrapper .gform_page_footer input.button, 
.gform_wrapper .gform_page_footer input[type="submit"] {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #333333;
    font-size: 1em;
    padding: 10px 30px;
}

.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type="submit"]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type="submit"]:hover {
	background-color: #08a94e;
	color: #ffffff;
}

.gform_wrapper div.validation_error{
	display: none;
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .gfield_error label {
	color: #000000 !important; 
}

.gform_wrapper .field_description_below .gfield_description{
	padding-top: 0px !important;
}

.gform_wrapper li.gfield.gfield_error, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	background: none !important;
	border: none !important;
	position: relative;
	padding: 0px !important;
}



@media screen and (min-width:990px) {
	.gform_wrapper ul.gform_fields li.gfield  .ginput_container_name,
	.gform_wrapper ul.gform_fields li.gfield .name-fields{
		max-width: 60% !important;
		width: calc(50% - 8px);
	}
}


.header-container{
	display: block;
	position: relative;
}

#menu-main-menu .menu-collapsed{
	display: none;
}
/* Mobile menu icon */

.navbar-toggler{
	border: none;
	background: transparent;
	display: none;
	overflow: hidden;
}

.navbar-toggler:focus{
	background: transparent;
	outline: none;
}

.navbar-toggler{
	width: 30px;
	height: 30px;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;	
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 999;
}

.navbar-toggler span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #339966;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.navbar-toggler span:nth-child(1) {
	top: 0px;
}

.navbar-toggler span:nth-child(2) {
	top: 13px;
}

.navbar-toggler span:nth-child(3) {
	top: 27px;
}

.navbar-toggler.open span:nth-child(1) {
	top: 18px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.navbar-toggler.open span:nth-child(2) {
	opacity: 0;
	left: -60px;
}

.navbar-toggler.open span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}



/**  responsive menu   **/

.responsive-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -360px;
    max-width: 360px;
    width: 360px;
    background: #ffffff;
    overflow-y: scroll;
    z-index: 110;
    padding-bottom: 0;
    -o-animation: fadeOutRight 0.3s both;
    -moz-animation: fadeOutRight 0.3s both;
    -webkit-animation: fadeOutRight 0.3s both;
    animation: fadeOutRight 0.3s both;
    transition: .25s;
    font-weight: 550;
    /*text-transform: uppercase;*/
    letter-spacing: 2.8px;
}

.responsive-menu.open {
    right: 0px;
    -o-animation: fadeInRight 0.3s both 0.3s;
    -moz-animation: fadeInRight 0.3s both 0.3s;
    -webkit-animation: fadeInRight 0.3s both 0.3s;
    animation: fadeInRight 0.3s both 0.3s;
}

.responsive-menu .responsive-menu-open {
    display: none;
}

.responsive-menu-close {
    display: none;
}

.responsive-menu.open .responsive-menu-close {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 24px;
    color: #333333;
    display: inline-block;
    line-height: 40px;
    height: 40px;
    width: 40px;
    text-align: center;
}

.responsive-menu-close:hover {
    opacity: 1;
}

.responsive-menu.open .responsive-nav{
	box-sizing: border-box;
	float: left;
	padding: 50px 0px 0px 0px;
	width: 100%;
}

.responsive-nav #responsive-menu li{
	padding: 0px; 
	margin: 0px;
	width: 100%;
}

.responsive-nav #responsive-menu > li {
	border-bottom: 1px solid #e1e1e1;
}

.responsive-nav #responsive-menu li a {
	color: #333333;
	min-height: 25px;
}

.responsive-nav .navbar-nav {
    margin: 0px;
}

.responsive-nav ul#responsive-menu {
	display: block;
	padding: 0px;
    position: relative;
    width: 100%;
}

.responsive-nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    float: left;
    list-style: none;
    min-height: 25px;
    position: relative;
    padding: 10px 0px;
    width: 100%;
}
.responsive-nav #responsive-menu > li:hover > a,
.responsive-nav #responsive-menu > li.current-menu-ancestor  > a,
.responsive-nav #responsive-menu > li.current-menu-parent > a,
.responsive-nav #responsive-menu > li.current-menu-item > a {
	color: #339966;
}

.responsive-nav > ul > li > a {
	color: #333333;
	font-weight: 550;
    min-height: 18px;
}

.responsive-nav ul li a:focus,
.responsive-nav ul li a:hover {
    background: none;
}

.responsive-nav .sub-menu {
	background: #339966;
	box-sizing: border-box;
    display: none;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.responsive-nav #responsive-menu .sub-menu li a {
	color: #ffffff;
	font-weight: 550;
   min-height: 25px;
}

.responsive-nav .sub-menu li .sub-menu  {
	background-color: #005596
}

.responsive-nav .collapse-active > .sub-menu {
    display: block;
}

.responsive-nav #responsive-menu > li > .sub-menu > li > a {
	padding-left: 30px;
} 
.responsive-nav #responsive-menu > li > .sub-menu > li:hover, 
.responsive-nav #responsive-menu > li > .sub-menu > li.current-menu-item,
.responsive-nav #responsive-menu > li > .sub-menu > li.current-menu-parent{
	background-color: #333399;
}
.responsive-nav #responsive-menu > li > .sub-menu > li > .sub-menu > li > a {
	padding-left: 45px;
}  

.responsive-nav #responsive-menu > li > .sub-menu > li > .sub-menu > li:hover,
.responsive-nav #responsive-menu > li > .sub-menu > li > .sub-menu > li.current-menu-item{
	background-color: #7f8400;
}

.responsive-nav>ul>li {
    float: left;
    width: 100%;
}

.responsive-nav ul {
	box-sizing: border-box;
	padding: 0px;
   margin-bottom: 0;
}

.responsive-nav ul>li a {
    float: left;
    font-size: 14px;
    color: #ffffff;
    padding: 7px 15px;
    line-height: 24px;
    display: block;
    position: relative;
}

.responsive-nav ul>li ul {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    float: left;
    width: 100%;
    margin: 0px;
    padding-right: 0px;
}
.responsive-nav ul>li>ul>li,
.responsive-nav ul>li>ul>li>ul>li {
    padding: 10px 0px;
}

.responsive-nav ul>li ul>li:first-of-type {
    padding-top: 0px;
}

.responsive-nav ul>li ul>li:last-of-type {
    padding-bottom: 12px;
}

.responsive-nav ul>li ul>li ul {
    float: left;
}

.responsive-nav ul>li>ul>li:last-child {
    border-bottom: none;
}

.responsive-nav ul>li>ul>ul>li:last-child {
    border-bottom: none;
}

.responsive-nav ul>li ul>li a:hover {
    color: #ffffff;
}

.responsive-nav ul>li a:hover {
    opacity: 1;
    color: #4ac8ed;
}

.responsive-nav ul>li.active>a {
    color: #4ac8ed;
}

.responsive-nav ul>li.active>a:after {
    content: '.';
}

.no-scroll {
    overflow: hidden !important;
}

.responsive-nav>ul.languagepicker {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    margin-left: 15px;
    width: 100%;
}

.responsive-nav ul li .menu-collapsed {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    color: #333333;
    cursor: pointer;
    display: block;
	position: absolute;
	font-size: 24px;
    top: -1px;
    right: 10px;
	line-height: 40px;
	outline: none;
    height: 40px;
    text-align: center;
	width: 40px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.responsive-nav ul.sub-menu > li >  .menu-collapsed {
	color: #ffffff;
}

.collapse-active > .menu-collapsed{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

@media screen and (max-width:1229px) {
	#menu-main-menu .menu-collapsed{
		display: block;
	}
	
	.navbar-toggler{
		display: block;
	}
}