/*
Theme Name: Arqus Design
Description: Arqus Design Theme
*/

/* * { position: relative; } */

body { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 300; color: #9a9c9c; position: relative; }
/*body:not(.home) { height: 100vh; }*/

body.menu-opened, html.menu-opened { overflow: hidden; }

body.menu-opened .nav-top .center,
body.menu-opened .nav-top .left { visibility: hidden; }

/*
ul { list-style-type: none; padding: 0; margin: 0; }
li { padding: 0; margin: 0; }
*/
a { color: #155687; }
a, a:hover { text-decoration: none !important; }
a:hover { color: #747474; }

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

::placeholder { color: #9a9c9c; opacity: 1; }
:-ms-input-placeholder { color: #9a9c9c; }
::-ms-input-placeholder { color: #9a9c9c; }

input[type="text"], textarea { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; border-radius: 0; }
input { border-radius: 0; }
textarea { overflow: auto; color: #747474; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { color: #155687; font-weight: 100; }

h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 20px; line-height: 1.2; }
h6, .h6 { font-size: 14px; font-weight: 700; }

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-top: 2rem; margin-bottom: 1.25rem; }

hr { margin: 50px 0; }

.fa { color: #155687; }

.button { background-color: transparent; border: 1px solid #cccccc; color: #747474; display: inline-block; font-size: 14px; padding: 15px; text-transform: uppercase; }
.button:hover { background-color: rgba(154,156,156,0.2); color: inherit; }

.navigation-wrapper { display: flex; justify-content: space-between; /*width: 49.6%;*/ margin: 0 auto; }
/* .navigation-wrapper .post-nav { min-width: 28px; } */
.navigation-wrapper .post-nav a { color: #9a9c9c; }
.navigation-wrapper .post-nav a:hover { color: #155687; }

.submenu-toggle-btn { display: inline-block; height: 20px; position: relative; margin-left: 11px; width: 20px; transition: 0.5s all ease; }
.submenu-toggle-btn:hover { color: #155687; }
.submenu-toggle-btn .bar { width: 12px; border: solid thin; position: absolute; top: 50%; }
.submenu-toggle-btn .left { transform: rotate(45deg); left: 0; }
.submenu-toggle-btn .right { transform: rotate(-45deg); right: 0; }

/* SCROLLBAR CSS */
::-webkit-scrollbar {width: 4px; }
::-webkit-scrollbar-track {background: #f1f1f1; }
::-webkit-scrollbar-thumb {background: #888; }
::-webkit-scrollbar-thumb:hover {background: #555; }

.clear { clear: both; }

.window-center { display: flex; justify-content: center; align-items: center; height: 100%; }
.center-height { height: 100%; }

.site { position: relative; }
body.home .site { height: 100%; padding: 0 19px; }
body:not(.home) .site { padding: 0 19px 19px; }

.center-content { height: 100vh; }
.center-content #content { position: relative; }
.center-content #content .content-area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }

@media only screen and ( max-width: 1180px ) {
	.center-content { height: auto; }
}

@media only screen and ( max-width: 1180px ) {
	.center-content #content .content-area { position: relative; top: initial; left: initial; transform: none; }
}

.mobile { display: none; }

@media only screen and ( max-width: 514px ) {
	.mobile { display: block; }
}

@media ( max-width: 514px ) {
	.medium-screen { display: none; }
}

.searchform { background-color: #ffffff; position: absolute; padding: 0 38px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; z-index: -1; left: 0; top: 0; transition: 0.3s ease all; }
.searchform form { width: 100%; max-width: 900px; }
.searchform form div { display: flex; align-content: center; }
.searchform	.search-button { background-image: url('images/icons/icon-searchform.png'); background-color: transparent; border: none; height: 53px; width: 53px; margin-right: 30px; background-size: contain; background-repeat: no-repeat; background-position: center; position: relative; vertical-align: middle; }
.searchform	.search-button:hover { background-image: url('images/icons/icon-search-active.png'); }
.searchform	.search-field { border: none; border-bottom: thin solid #155687; color: #9a9c9c; font-size: 24px; font-weight: 300; padding: 12.5px 0; width: 90%; }

.searchform.search-opened { position: fixed; opacity: 1; z-index: 999999999; }

#masthead { background-color: #ffffff;/* height: 190px;*/ width: 100%; padding: 19px 0 8px; }
#masthead .nav-top { display: flex; align-items: center; /*justify-content: space-between;*/ }

#masthead .nav-top > .left { flex: 0 0 auto; }
#masthead .nav-top > .center { flex: 10000 0 auto; margin-right: 33px; text-align: right; position: relative; top: 12px; }
#masthead .nav-top > .right { flex: 1 0 auto; position: relative; top: 9px; }

.single #masthead .nav-top > .center { top: 8px; }

.home #masthead .nav-top > .left { flex: 0 0 20%; }
.home #masthead .nav-top > .center { flex: 2 0 60%; text-align: center; margin: 0; }
.home #masthead .nav-top > .right { flex: 1 0 20%; }

#masthead .nav-top > .left img { float: left; max-width: 117px; width: 100%; }

@media ( max-width: 1024px ) {
	#masthead .nav-top > .left img { max-width: 85.5px; }
}

@media ( max-width: 667px ) {
	#masthead .nav-top > .left img { max-width: 54.5px; }
}

.close-btn-wrapper { text-align: right; }
.close-btn-wrapper a { display: inline-block; position: relative; height: 100%; vertical-align: super; }
.close-btn-wrapper a span.bar { display: inline-block; border: thin solid; width: 25px; position: relative; right: 0; }
.close-btn-wrapper a span.left { transform: rotate(45deg); left: 29px }
.close-btn-wrapper a span.right { transform: rotate(-45deg); }

@media only screen and ( max-width: 1180px ) {
	#masthead .nav-top .center.categories-list { display: none; }
}

@media only screen and ( max-width: 1180px ) {
	.searchform form { max-width: initial; }
}

/* body.menu-opened.admin-bar {  } */

body.menu-opened #masthead,
body.search-opened #masthead { position: relative; z-index: 9999999999; }
/* body.menu-opened #masthead .nav-top .site-logo { z-index: 9999999999; } */

#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner { display: inline-block; position: relative; }
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner:hover { cursor: pointer; }
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner span { width: 25px; border: thin solid #155687; display: block; transition: 0.3s ease-in-out all; }
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner:hover span { border-color: #9a9c9c; }
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner span:not(:last-child) { margin-bottom: 5px; }

#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner.sub-opened { right: 4px; }
/* #masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner.sub-opened,
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner.search-opened { z-index: 99999999999; } */
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner.sub-opened span:nth-child(1),
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner.search-opened span:nth-child(1) { transform: rotate(45deg); position: relative; top: 1px; }
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner.sub-opened span:last-child,
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner.search-opened span:last-child { transform: rotate(-45deg); top: 11%; position: absolute; }
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner.sub-opened span:nth-child(2),
#masthead .nav-top .menu-toggle-btn .menu-toggle-btn-inner.search-opened span:nth-child(2) { position: absolute; opacity: 0; }

/* MENU */
#site-navigation { background-color: #ffffff; position: absolute; width: 100%; /*height: 100vh;*/ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; padding: 110px 38px 38px; overflow: auto; transition: 0.5s ease all; z-index: -9999; text-align: center; }
#site-navigation .main-menu-more { display: none; }

#site-navigation .menu {  }

#site-navigation ul { list-style-type: none; padding: 0; margin: 0; display: inline-block; position: relative; }
#site-navigation #menu-main-navigation li { padding: 0; margin: 0; }
#site-navigation #menu-main-navigation > li,
#site-navigation .social-icons .icon-list > li { /*padding: 15px 0;*/ opacity: 0; transform: translateY(-15px); transition: 0.7s ease all; }
#site-navigation #menu-main-navigation > li:not(:last-child) { margin-bottom: 9px; }
#site-navigation #menu-main-navigation li ul li { position: relative; }
#site-navigation #menu-main-navigation li a { font-size: 36px; color: #155687; position: relative;  }
#site-navigation #menu-main-navigation li a:hover { color: #9a9c9c; }
#site-navigation #menu-main-navigation li .submenu-expand { display: none; }
#site-navigation #menu-main-navigation li.menu-item-has-children .sub-menu { display: block; margin-top: 12px; /* max-height: 0; overflow: hidden; opacity: 0; transition: all 0.7s cubic-bezier(0, 1, 0, 1); */ }
/* #site-navigation #menu-main-navigation > li.menu-item-has-children:hover > .sub-menu,
#site-navigation #menu-main-navigation > li.menu-item-has-children > .sub-menu li.menu-item-has-children:hover .sub-menu { max-height: 100px; margin-top: 12px; opacity: 1; transition: all 0.7s ease-in-out; } */
/*#site-navigation #menu-main-navigation > li.menu-item-has-children > a { display: block; margin-bottom: 38px; }*/
#site-navigation #menu-main-navigation li.menu-item-has-children .sub-menu li:not(:last-child) { margin-bottom: 18px; }
#site-navigation #menu-main-navigation li.menu-item-has-children .sub-menu li.mobile-parent-nav-menu-item { display: none; }
#site-navigation #menu-main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children:hover ul { margin-top: 12px; }
#site-navigation #menu-main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children ul li a { color: #155687; }
#site-navigation #menu-main-navigation li.menu-item-has-children .sub-menu li.menu-item-has-children ul li a:hover { color: #9a9c9c; }
#site-navigation #menu-main-navigation li.menu-item-has-children .sub-menu li a { color: #9a9c9c; font-size: 16px; }
#site-navigation #menu-main-navigation li.menu-item-has-children .sub-menu li a:hover { color: #155687; }

#site-navigation #menu-main-navigation li.menu-item-has-children > span { display: none; }

@media only screen and ( max-width: 1180px ) {
	#site-navigation #menu-main-navigation li.menu-item-has-children > span { display: inline-block; }
	#site-navigation #menu-main-navigation li.menu-item-has-children > span i { display: inline-block; color: #9a9c9c; vertical-align: middle; margin-left: 10px; font-size: 20px; transition: 0.5s ease all; } 

	/* #site-navigation #menu-main-navigation > li.menu-item-has-children:hover > .sub-menu,
	#site-navigation #menu-main-navigation > li.menu-item-has-children > .sub-menu li.menu-item-has-children:hover .sub-menu { max-height: 0; margin-top: 0; } */

	#site-navigation #menu-main-navigation li.menu-item-has-children .submenu-toggle-btn { display: inline-block; height: 20px; position: relative; margin-left: 11px; width: 20px; transition: 0.5s all ease; }
	#site-navigation #menu-main-navigation li.menu-item-has-children .submenu-toggle-btn:hover { color: #155687; }
	#site-navigation #menu-main-navigation li.menu-item-has-children .submenu-toggle-btn .bar { width: 12px; border: solid thin; position: absolute; top: 50%; }
	#site-navigation #menu-main-navigation li.menu-item-has-children .submenu-toggle-btn .left { transform: rotate(45deg); left: 0; }
	#site-navigation #menu-main-navigation li.menu-item-has-children .submenu-toggle-btn .right { transform: rotate(-45deg); right: 0; }
	
	#site-navigation #menu-main-navigation li.menu-item-has-children ul.sub-menu li.menu-item-has-children .submenu-toggle-btn { height: 15px; width: 15px; }
	#site-navigation #menu-main-navigation li.menu-item-has-children ul.sub-menu li.menu-item-has-children .submenu-toggle-btn .bar { width: 9px; border: solid thin; position: absolute; top: 50%; }
	
	#site-navigation #menu-main-navigation li.menu-item-has-children > .submenu-opened { transform: rotate(-180deg); }
	/* #site-navigation #menu-main-navigation li.menu-item-has-children > .submenu-opened + .sub-menu,
	#site-navigation #menu-main-navigation > li.menu-item-has-children > .sub-menu li.menu-item-has-children:hover .submenu-opened + .sub-menu { max-height: 500px; margin-top: 12px; } */
}

#site-navigation.menu-opened { position: fixed; opacity: 1; z-index: 999999999; transition: 0.5s ease opacity; }
#site-navigation.menu-opened #menu-main-navigation > li { transform: translateY(0); opacity: 1; }
#site-navigation.menu-opened #menu-main-navigation > li + li { transition-delay: 0.2s; }
#site-navigation.menu-opened #menu-main-navigation > li + li + li { transition-delay: 0.4s; }
#site-navigation.menu-opened #menu-main-navigation > li + li + li + li { transition-delay: 0.6s; }
#site-navigation.menu-opened #menu-main-navigation > li + li + li + li + li { transition-delay: 0.8s; }
#site-navigation.menu-opened #menu-main-navigation > li + li + li + li + li + li { transition-delay: 1s; }
#site-navigation.menu-opened #menu-main-navigation > li + li + li + li + li + li + li { transition-delay: 1.2s; }

#site-navigation.menu-opened .social-icons .icon-list > li { transform: translateY(0); opacity: 1; transition-delay: 1.4s; }

#site-navigation .menu .social-icons { margin-top: 60px; }
#site-navigation .menu .social-icons .icon-list li { display: inline-block; }
#site-navigation .menu .social-icons .icon-list li:not(:last-child) { margin-right: 25px; }
#site-navigation .menu .social-icons .icon-list li a .icon-bg { background-size: 100%; background-position: center; background-repeat: no-repeat; }
#site-navigation .menu .social-icons .icon-list li a:hover .instagram.icon-bg { background-image: url( 'images/icons/icon-instagram-active.png' ); }
#site-navigation .menu .social-icons .icon-list li a:hover .mail.icon-bg { background-image: url( 'images/icons/icon-envelope-active.png' ); }
#site-navigation .menu .social-icons .icon-list li a:hover .facebook.icon-bg { background-image: url( 'images/icons/icon-fb-active.png' ); }
#site-navigation .menu .social-icons .icon-list li a:hover .search.icon-bg { background-image: url( 'images/icons/icon-search-active.png' ); }
#site-navigation .menu .social-icons .icon-list li img { height: 24px; opacity: 0; }

/* HEADER - CATEGORIES */
#masthead .categories-list ul { list-style-type: none; margin: 0; padding: 0 }
#masthead .categories-list ul li { display: inline-block; margin: 0; padding: 0 }
#masthead .categories-list ul li:not(:last-child)::after { content: " |"; }
#masthead .categories-list ul li a { color: #9a9c9c; }
#masthead .categories-list ul li a:hover,
#masthead .categories-list ul li a.active { color: #155687; }

/* SLIDER CSS */
.bx-wrapper { background: none; border: none; box-shadow: none; overflow: hidden; }
.bx-wrapper ul { list-style-type: none; padding: 0; margin: 0; }
.bx-wrapper ul li { padding: 0; margin: 0; }
.bx-wrapper img { margin: auto; max-height: 100%; }

.bx-controls .bx-controls-direction a { background: none; }
.bx-controls .bx-controls-direction a.bx-prev { border-top: thin solid #9a9c9c; border-left: thin solid #9a9c9c; transform: rotate(-45deg); }
.bx-controls .bx-controls-direction a.bx-next { border-top: thin solid #9a9c9c; border-right: thin solid #9a9c9c; transform: rotate(45deg); }
.bx-controls .bx-controls-direction a.bx-prev:hover { border-top: thin solid #155687; border-left: thin solid #155687; transform: rotate(-45deg); }
.bx-controls .bx-controls-direction a.bx-next:hover { border-top: thin solid #155687; border-right: thin solid #155687; transform: rotate(45deg); }

@media only screen and ( max-width: 1180px ) {
	#content .slider .bx-wrapper .bx-viewport img { height: auto !important; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
}

@media only screen and ( max-width: 600px ) {
	/* .bx-wrapper .bx-viewport { height: 100% !important; } */
	.bx-controls { display: none; }
}

/* CONTENT */
#content { position: relative; }

/* CONTENT - HOME PAGE */
#content .slider { margin-bottom: 71px; }
#content .slider .bx-wrapper { height: 100%; /*margin-bottom: 0; max-height: 90%;*/ }
#content .slider .bx-wrapper .bx-viewport { margin: auto; height: inherit !important; }
#content .slider .bx-wrapper .bx-viewport *:not(a) { height: inherit; }

@media ( max-width: 1366px ) {
	#content .slider { margin: 35.5px 0; }
}

@media ( max-width: 812px ) {
	#content .slider { margin-bottom: 19px; }
}

#content .slider .bx-wrapper .bx-controls-direction a { transition: 0.3s ease-in-out all; }
#content .slider .bx-wrapper .bx-controls-direction a.bx-prev { border-top: thin solid #9a9c9c; border-left: thin solid #9a9c9c; transform: rotate(-45deg); }
#content .slider .bx-wrapper .bx-controls-direction a.bx-next { border-top: thin solid #9a9c9c; border-right: thin solid #9a9c9c; transform: rotate(45deg); }
#content .slider .bx-wrapper .bx-controls-direction a.bx-prev:hover { border-top: thin solid #155687; border-left: thin solid #155687; transform: rotate(-45deg); }
#content .slider .bx-wrapper .bx-controls-direction a.bx-next:hover { border-top: thin solid #155687; border-right: thin solid #155687; transform: rotate(45deg); }
 
#content #home_slider img { margin: auto; max-height: 100%; }

@media ( max-width: 1366px ) {
	#content #home_slider img { max-width: 90%; }
}

@media ( max-width: 720px ) {
	#content #home_slider img { max-width: 100%; }
}

#content .home-links { margin-top: 62px; text-align: center; }

@media only screen and ( max-width: 1180px ) {
	/*#content .slider .bx-wrapper .bx-viewport { margin: auto; height: auto !important; overflow: visible!important; }
	#content .slider .bx-wrapper .bx-viewport * { height: auto; }*/
	#content .slider .bx-wrapper { margin-bottom: 0; }
	#content .slider .bx-wrapper .bx-viewport .img_box {  }
	#content .slider .bx-wrapper .bx-viewport .img_box { height: 100%; }
	#content .slider .bx-wrapper .bx-viewport .img_box img { height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
}

@media ( max-width: 514px ) {
	#content .home-links { margin-top: -25px; }
}

/* CONTENT - PAGES */
body:not(.home) #content { max-width: 900px; margin: auto; height: calc(100% - 190px); }
body:not(.home) #content .entry-title { margin-bottom: 45px; }
body.single-projects #content { max-width: 100%; }

#content .entry-image { margin-bottom: 70px; }

@media only screen and ( max-width: 1180px ) {
	#content .entry-image { margin-bottom: 45px; }
}

/* CONTENT - PROJECTS */
#projects .project {  }
/* #projects .project { min-height: 227px; height: 100%; } */
#projects .project a img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 0.5s ease-in-out all; }
#projects .project:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
#projects .project .title { text-align: center; margin-top: 23px; margin-bottom: 25px; opacity: 0; transition: 0.5s ease-in-out all; }
#projects .project:hover .title { opacity: 1; }

#projects .project-categories { display: none; }

@media only screen and ( max-width: 1180px ) {
	#projects .project-categories { display: block; font-size: 14px; margin-bottom: 45px; text-align: center; }
	#projects .project-categories a { color: #9a9c9c; }
	#projects .project-categories a:hover,
	#projects .project-categories a.active { color: #155687; }
	#projects .project a img { min-height: initial; height: initial; }
	#projects .project-categories a i { transition: 0.3s ease all; }

	#projects .project-categories ul,
	#projects .project-categories ul li { margin: 0; padding: 0; }
	#projects .project-categories ul { list-style-type: none; max-height: 0; overflow: hidden; transition: all 1s ease-in-out; }
	#projects .project-categories ul.opened { padding-top: 33px; max-height: 500px; }
	#projects .project-categories ul li:not(:last-child) { margin-bottom: 26px; }

	/* .categories-list ul.opened ~ .category-listing .submenu-toggle-btn { transform: rotate(-180deg); } */

	.category-listing .submenu-toggle-btn { margin-left: 5px; vertical-align: middle; }
	.category-listing .submenu-toggle-btn .bar { width: 5px; }
	.category-listing .submenu-toggle-btn .left { transform: rotate(45deg) translateY(-50%); left: 0; }
	.category-listing .submenu-toggle-btn .right { transform: rotate(-45deg) translateY(-50%); left: 5px; }

	#projects .project .title { margin-top: 16px; margin-bottom: 18px; }
}

/* CONTENT - CONTACT PAGE */
.page-template-template_contact #content { max-width: unset; height: calc( 100% - 190px ); }
/*.page-template-template_contact #content .content-area { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); }*/
#contact-us .title { margin-bottom: 30px; }

#contact-us .contact { display: flex; }
#contact-us .contact:not(:last-child) { margin-bottom: 30px; }
#contact-us .contact > * { display: inline-block; }
#contact-us .contact .icon { vertical-align: top; }
#contact-us .contact .icon i { margin-right: 8px; width: 16px; color: #155687; }
#contact-us .contact .details > * { display: block; }
#contact-us .contact .details a { display: inline-block; }
#contact-us .contact .details a:hover { color: #155687; text-decoration: underline !important; }

#contact-us .contact .details .address { margin-bottom: 11px; }
#contact-us .contact .details .map-link { margin-bottom: 27px; }

#contact-us .contact-form * { margin: 0; }  /*RESET SPACING*/ 
#contact-us .contact-form .gform_body #gform_fields_2 .gfield input,
#contact-us .contact-form .gform_body #gform_fields_2 .gfield textarea { border: 1px solid #cccccc; padding: 15px; color: #747474; font-size: 14px; }
#contact-us .contact-form .gform_body #gform_fields_2 .gfield textarea { margin-top: 22px; }

@media only screen and ( max-width: 1180px ) {
	.page-template-template_contact #content .content-area { position: relative; top: auto; left: auto; transform: translateY(0); }

	#contact-us .contact-details { margin-bottom: 58px; }
	#contact-us .contact .details .address { margin-bottom: 14px; }

	#contact-us .contact-form .gform_body #gform_fields_2 .gfield:first-child { margin-bottom: 20px; }

	#contact-us .contact-form .gform_footer input[type="submit"] { padding: 15px 25px; }
}

/* CONTENT - SEARCH */
.search #search .title-wrapper { margin-bottom: 60px; }
.search #search .subtitle-wrapper { margin-bottom: 82px; }
.search #search .result:not(:last-child) { margin-bottom: 105px; }

.search #search .pagination { justify-content: center; margin-top: 30px; }
.search #search .pagination .page-numbers:not(:last-child) { margin-right: 10px; }

/* CONTENT - SUBSCRIBE */
#newsletter .title { margin-bottom: 30px; }

#newsletter .newsletter { margin-bottom: 30px; }
#newsletter .newsletter > * { display: inline-block; }
#newsletter .newsletter .icon { vertical-align: top; }
#newsletter .newsletter .icon i { margin-right: 8px; width: 16px; color: #155687; }
#newsletter .newsletter .details > * { display: block; }
#newsletter .newsletter .details a { display: inline-block; }
#newsletter .newsletter .details a:hover { color: #155687; text-decoration: underline !important; }

#newsletter .newsletter-form * { margin: 0; }  /*RESET SPACING*/ 
#newsletter .newsletter-form .gform_body #gform_fields_3 .gfield input,
#newsletter .newsletter-form .gform_body #gform_fields_3 .gfield textarea { border: none; border-bottom: 1px solid #155687; padding: 15px 0; color: #747474; font-size: 14px; }
#newsletter .newsletter-form .gform_body #gform_fields_3 .gfield textarea { margin-top: 22px; }

#newsletter .newsletter-form .gform_footer { padding-top: 70px !important; }

@media only screen and ( max-width: 1180px ) {
	#newsletter .title { margin-bottom: 48px; }

	#newsletter .newsletter-form .gform_body #gform_fields_3 .gfield:first-child { margin-bottom: 51px; }
}

/* CONTENT - LATEST NEWS */
.post-wrapper { position: relative; }
.post-wrapper .post { position: relative; width: 100%; }
.post-wrapper .post .post-image { margin-bottom: 59px; margin-top: 48px; min-height: 509px; height: 100%; }
/* .post-wrapper .loadmore-btn { background-color: transparent; border: 1px solid #cccccc; color: #747474; font-size: 14px; text-transform: uppercase; left: 50%; position: absolute; transform: translateX(-50%); padding: 20px 70px; margin-bottom: 50px; top: 100%; } */
.post-wrapper .loadmore-btn:hover { background-color: rgba(154,156,156,0.2); }

.post-container .post-categories { display: none; }

.loadmore-btn { background-color: transparent; display: block; text-align: center; }
.loadmore-btn a { padding: 20px 70px; }

@media only screen and ( max-width: 1180px ) {
	.post-wrapper .post .post-image { min-height: 510px; }

	.post-container .post-categories { display: block; font-size: 14px; margin-bottom: 45px; text-align: center; }
	.post-container .post-categories a { color: #9a9c9c; }
	.post-container .post-categories a:hover,
	.post-container .post-categories a.active { color: #155687; }
	.post-container .post-categories a i { transition: 0.3s ease all; }
	
	.post-container .post-categories ul,
	.post-container .post-categories ul li { margin: 0; padding: 0; }
	.post-container .post-categories ul { list-style-type: none; max-height: 0; overflow: hidden; transition: all 1s ease-in-out; }
	.post-container .post-categories ul.opened { padding-top: 33px; max-height: 500px; }
	.post-container .post-categories ul li:not(:last-child) { margin-bottom: 26px; }
}

@media only screen and ( max-width: 900px ) {
	.post-wrapper .post .post-image { min-height: 470px; }
}

@media only screen and ( max-width: 768px ) {
	.post-wrapper .post .post-image { min-height: 400px; }
}

@media only screen and ( max-width: 680px ) {
	.post-wrapper .post .post-image { min-height: 332px; }
}

@media only screen and ( max-width: 420px ) {
	.post-wrapper .post .post-image { min-height: 168px; }
}

/* CONTENT - PROJECT SINGLE PAGE */
.single-projects #primary,
.single-projects #main { height: inherit; }
.single-projects #project-wrapper { display: flex; flex-direction: column; height: inherit; }

.single-projects #project-wrapper .project-details { position: relative; margin-bottom: 0; height: inherit !important; }
.single-projects #project-wrapper .project-details .content-container {display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; opacity: 0; z-index: -11; /*max-height: 90%;*/ height: 100%; width: 100%; background-color: rgba(255,255,255,0.8); transition: 0.3s all ease; }
.single-projects #project-wrapper .project-details .content-container.display { opacity: 1; z-index: 99999; }
.single-projects #project-wrapper .project-details .content-container .content-wrapper { display: flex; flex-direction: column; position: relative; width: 45%; margin: 0 auto; max-height: 350px; overflow: auto; padding: 0 117px 78px 0; }
.single-projects #project-wrapper .project-details .content-container .close-button { position: relative; width: 45%; text-align: right; padding: 0px 0 20px; margin: 0 auto; } 
.single-projects #project-wrapper .project-details .content-container .close-button .close-details { display: inline-block; }
.single-projects #project-wrapper .project-details .content-container .close-button .close-details .close-btn { display: block; height: 1px; width: 9px; border: thin solid #155687; opacity: 1; }
.single-projects #project-wrapper .project-details .content-container .close-button .close-details .close-btn:hover { border-color: #9a9c9c; }
.single-projects #project-wrapper .project-details .content-container .content-inner .title { margin-bottom: 30px; }
.single-projects #project-wrapper .project-details .content-container .content-inner .content p { color: #747474; font-size: 14px; line-height: 1.786em; }

.single-projects #project-wrapper .navigation-wrapper { align-items: flex-end; display: flex; justify-content: space-between; /*width: 49.6%;*/ width: 100%; min-width: 400px; padding-bottom: 30px; margin: 64px auto 0; opacity: 0; transition: all ease 0.5s }
.single-projects #project-wrapper .navigation-wrapper .post-nav { min-width: 52px; }
.single-projects #project-wrapper .navigation-wrapper .post-nav.next { text-align: right; }
.single-projects #project-wrapper .navigation-wrapper .post-nav a { color: #9a9c9c; }
.single-projects #project-wrapper .navigation-wrapper .post-nav a:hover { color: #155687; }
.single-projects #project-wrapper .navigation-wrapper .title { text-align: center; }
.single-projects #project-wrapper .navigation-wrapper .title span { font-size: 24px; color: #5b6234; margin-left: 16px; }
.single-projects #project-wrapper .navigation-wrapper .title span:hover { color: #9a9c9c; }

@media only screen and ( max-width: 767px ) {
	.single-projects #project-wrapper .navigation-wrapper { min-width: 0; width: 100% !important; }

	.single-projects #project-wrapper .project-details .content-container { max-height: 100%; flex-direction: column; background-color: rgba(255,255,255,1); }
	.single-projects #project-wrapper .project-details .content-container.display + .navigation-wrapper { opacity: 0; }
    
    .single-projects #project-wrapper .project-details .content-container .close-button,
    .single-projects #project-wrapper .project-details .content-container .content-wrapper { width: 100%; }
    .single-projects #project-wrapper .project-details .content-container .content-wrapper { padding: 0; }
    .single-projects #project-wrapper .project-details .content-container .close-button { position: relative; left: auto; transform: none; padding: 0 0 35px; }

	/* .single-projects #project-wrapper .navigation-wrapper .post-nav { margin-top: 50px; } */
	.single-projects #project-wrapper .navigation-wrapper .title { margin-bottom: 30px; }
}

@media only screen and ( max-width: 600px ) {
	.single-projects #project-wrapper .navigation-wrapper { margin-top: 10px; }
}


/* FOOTER */
footer { padding: 38px 0; height: 117px; }
footer #footer-inner { display: flex; justify-content: space-between; align-items: center; }
footer #footer-inner, footer #footer-inner a { color: #9a9c9c; }
footer #footer-inner a:hover { color: #155687; }
footer #footer-inner .left { font-size: 12px; }
footer #footer-inner .left > * { display: inline-block; }
footer #footer-inner .left img { margin-right: 30px; }
footer #footer-inner .left > .menu-footer-navigation-container ul { padding: 0; margin: 0; }
footer #footer-inner .left > .menu-footer-navigation-container ul li { display: inline-block; }
footer #footer-inner .left > .menu-footer-navigation-container ul li a { color: #9a9c9c; }
footer #footer-inner .left > .menu-footer-navigation-container ul li a:hover { color: #155687; }
footer #footer-inner .left > .menu-footer-navigation-container ul li:not(:last-child)::after { content: "|"; margin: 0 10px; }

footer #footer-inner .right { font-size: 10px; }

@media only screen and ( max-width: 767px ) {
	footer { padding-bottom: 66px; height: auto; }
	footer #footer-inner { flex-direction: column; align-items: flex-start; }

	footer #footer-inner > *:not(:last-child) { margin-bottom: 30px; }

	footer #footer-inner .left img { margin-right: 0; margin-bottom: 38px; }
	footer #footer-inner .left > * { display: block; }
	footer #footer-inner .left ul { margin: 0; padding: 0; }
}

.error404 #error-404 { text-align: center; }

.error404 #error-404 .title-wrapper { margin-bottom: 65px; }
.error404 #error-404 .title-wrapper .title { margin-bottom: 31px; }

.error404 #error-404 .error-404-menu { margin-bottom: 37px; }
.error404 #error-404 .error-404-menu ul,
.error404 #error-404 .error-404-menu ul li { padding: 0; margin: 0; }
.error404 #error-404 .error-404-menu ul { list-style-type: none; }
.error404 #error-404 .error-404-menu ul li { display: inline-block; }
.error404 #error-404 .error-404-menu ul li:not(:last-child)::after { content: ' |'; }

.error404 #error-404 .search { color: #5b6234; }

/* OTHER CSS */
table.tablepress { border-bottom: 1px solid #dbdbdb; color: #747474; }
table.tablepress thead th { background-color: #9a9c9c; color: #ffffff; text-transform: uppercase; }
table.tablepress thead th:not(:last-child) { border-right: 1px solid #ffffff; }
table.tablepress thead th,
table.tablepress tbody td { padding: 21px 23px; }
table.tablepress .odd td { background-color: #f5f5f5; }
table.tablepress .odd td,
table.tablepress .even td { border-top: 0px; border-bottom: 0px; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; }

/* OVERRIDE GRAVITY FORMS CSS */
.gform_footer input[type="submit"] { background-color: transparent; border: 1px solid #cccccc; color: #747474; font-size: 14px; padding: 15px; text-transform: uppercase; }
.gform_footer input[type="submit"]:hover { background-color: rgba(154,156,156,0.2); }

@media only screen and ( max-width: 1180px ) {
	.gform_footer input[type="submit"] { width: auto !important; padding: 15px 47px; }
}

/* DEFAULT GRAVITY FORMS APPEARANCE */
body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {border: 1px solid #cccccc; height: 50px; padding: 0px 14px; border-radius: 0px; color: #747474;}
.gform_wrapper .gform_body .gfield label { color: #155687; font-size: 18px; font-weight: 300; }
.gform_wrapper .gform_body .gfield .gfield_description { font-size: 12px; padding-top: 6px; }
.gform_wrapper .gform_body .gfield .ginput_list th { background-color: #155687; color: #ffffff; font-size: 18px; }
.gform_wrapper .gform_body .gfield .ginput_list th:first-child { padding-left: 10px; }
.gform_wrapper .gform_body .gfield .selectBox { width: 100%; position: relative; min-width: 80px; } 
.gform_wrapper .gform_body .gfield .selectBox:hover { cursor: pointer; }
/*.gform_wrapper .gform_body .gfield .selectBox .selectBox-label { height: 50px; }*/

/* SELECT BOX */
/*.selectBox-options { border-radius: 0 !important; }*/

body .gform_wrapper .top_label li ul.gfield_checkbox, 
body .gform_wrapper .top_label li ul.gfield_radio{ width:100%;}
body .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){ border:1px solid #cccccc;  height:50px; padding:0px 14px; border-radius:0px; color:#747474;}

.checker { float:left; width:23px; height:23px; background:url(images/checkbox.png) 0 0 no-repeat; position:relative; margin:0 10px 0 0; display:inline; }
.checker span { display:block; width:23px; height:23px; }
.checker span input[type=checkbox],
body .gform_wrapper ul.gfield_checkbox li .checker span input[type=checkbox]{ width:23px !important; height:23px !important; margin:0 !important;}
.checker span.checked { background:url(images/checkbox.png) 0 -23px no-repeat; }
.content .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] { position:absolute; left:0; top:0; width:23px !important; height:23px; margin:0; padding:0; border:0; }
.radio { float:left; width:24px !important; height:23px; background:url(images/radio-buttons.png) 0 0 no-repeat; position:relative; margin:0 8px 0 0; display:inline; }
.radio span { display:block; width:24px; height:23px; position:relative; }
.radio span.checked { background:url(images/radio-buttons.png) 0 -23px no-repeat; }
.radio span input[type=radio],
body .gform_wrapper ul.gfield_radio li .radio span input[type=radio]{ width:24px !important; height:23px !important; margin:0 !important;}
.content .gform_wrapper ul.gfield_radio li input[type="radio"] { width:24px !important; height:23px; position:absolute; left:0; top:0; margin:0 !important; }

.sbHolder { width:100%; position:relative; min-width:80px; }
.ginput_complex .sbHolder{ max-width:none; width:100%;}
.clear-multi .sbHolder{ max-width:none;}
.sbHolder a:hover { text-decoration:none; }
.sbSelector { display: block; height:50px; background:#fff; line-height:50px; outline: none; overflow: hidden; border:1px solid #ccc; padding:0 55px 0 10px; margin:0px; color:#747474; font-weight:400; border-radius:0px;text-decoration:none; }
.sbSelector:hover{ color:#747474;}
.sbToggle { background: url(images/selectbox-toggle.jpg) center center no-repeat; border:1px solid #ccc; display: block; height:50px; z-index:1;border-radius:0px; outline: none; position: absolute; right:0px; top: 0; width:44px; padding:0px; margin:0px; }
.sbOptions { background-color:#FFF; list-style: none; left:0px; margin: 0 !important; padding:0 !important; position: absolute; top:50px !important; width:100%; z-index:99; overflow-y: auto; border:1px solid #cccccc; border-top:0; }
.sbOptions li { padding:0px !important; margin:0px !important; list-style:none; background:none; }
.sbOptions a { display:block; outline: none; padding:13px 5px 13px 10px; color:#747474; font-weight:400; line-height:18px; text-decoration:none; border-top:1px solid #cccccc; }
.sbOptions li:first-child a { border-top:0; }
.sbOptions a:hover { color:#000; border-top:1px solid #cccccc; background:#dddddd; }

div.uploader { border:1px solid #cccccc; width:100%; height:50px; position:relative; cursor:pointer; }
div.uploader:hover { cursor:pointer; }
div.uploader span.filename { display:block; height:50px; padding:0 14px; font-size:15px; color:#747474; line-height:50px; }
div.uploader span.action { position:absolute; right:0; top:-1px; height:50px; padding:0 30px; font-size:18px; font-weight:700; color:#ffffff; line-height:50px;font-size:16px; border-left:1px solid #cccccc; background:#155687;}
div.uploader:hover span.action{ background:#9a9c9c;}
div.uploader input.medium { position:absolute; left:0; top:0; width:100% !important; height:50px; opacity:0; z-index:999; }

body .gform_wrapper div.validation_error{ border-top-width:1px; border-bottom-width:1px; padding:10px 0px; margin-bottom:20px;}
body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){ max-width:100% !important; border:0; background:none;}
body .gform_wrapper .field_description_below .gfield_description{ padding-top:6px;/* color:#b9b9b9; font-weight:700; font-size:13px;*/}
body .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
body .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_date_"] label,
body .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_time_"] label,
body .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
body .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_date_"] label,
body .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label{ padding-top:5px; font-weight:300; font-size:16px; font-style:italic; margin-bottom:0;}
.gform_wrapper li.gfield.gfield_error table.gfield_list thead th{ color:#491700;}