/*
Theme's main style.

@author Vee W.
*/
@import 'flexvideo.css';

/* Fix Bootstrap 4 */
.navbar {
    min-height: 54px;/* With this, we can use navbar without navbar-brand */
}
.rounded {
	border-radius: 1rem!important;
}
.wp-block-image img, 
.wp-block-image.has-custom-border img {
	
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	
}
.wp-block-columns {
	margin-bottom: 0;
}
.wp-block-column.is-layout-flow {
	vertical-align: middle!important;
}

/* body */
.container-fluid {
	padding-left: 2rem;
	padding-right: 2rem;
	max-width: 1760px;
}

body {
	font-family: "gotham", sans-serif;
	font-optical-sizing: auto;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	line-height: 1.6;
	color: #000;
	overflow-x: hidden;
}
h1,
h2,
h3 {
	font-weight: 700;
    font-style: normal;
	color: #000;
}
h1 {
	margin-bottom: 30px;
	color: #000;
}
h2 {
	margin-bottom: 30px;
	color: #000;
}
h3 {
	color: #000;
}
h4 {
	font-weight: 300;
}
p {
	margin-bottom: 25px;
}
b, strong, .strong {
	font-weight: 700;
}
a {
	color: #000;
	text-decoration: none;
}
p a {
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
p a:hover {
	text-decoration: underline;
}
p.nounderline a,
p a.nounderline {
	text-decoration: none;
}
.header-container a,
.header-container:hover {
	border-bottom: none;
}
a.white:hover {
	color: #fff;
}
ul, ol {
	padding-left: 20px;
}
.white {
	color: #fff;
}
.black {
	color: #000;
}
.orange {
	color: #ea652d;
}
.bgwhite {
	background-color: #fff;
}
.bggray {
	background-color: #f3f7f9;
}
.bgorange {
	background-color: #ea652d;
}
.bgblack {
	background-color: #000;
}
.bradius,
.bradius span,
.bradius .kt-inside-inner-col,
figure.bradius img {
	border-radius: 10px;
}
.text-shadow {
	-webkit-text-shadow: 0 0 5px rgba(0,0,0,.4);
    text-shadow: 0 0 5px rgba(0,0,0,.4);
}
.bshadow {
	border: 1px solid #d8e1e5;
	/* -webkit-box-shadow: 0 0 10px rgba(214,214,214,.3);
	box-shadow: 0 0 15px rgba(147,147,147,.3); */
}

/* header */
.logged-in .header-container {
	margin-top: 32px;
}
.header-container {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* menu */
.navbar-nav .nav-link {
	margin-right: 5px;
	padding-left: 15px !important;
	padding-right: 15px !important;
	font-size: 18px;
	color: #000;
	border: 1px solid #fff;
	border-radius: 30px;
}
.navbar-nav .nav-link:focus, 
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.current-menu-item,
.navbar-nav .nav-link.current-page-ancestor,
.navbar-nav .active>.nav-link, 
.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show, 
.navbar-nav .show>.nav-link {
	color: #000;
	border: 1px solid #000;
	border-radius: 30px;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.2em solid;
    border-right: 0.2em solid transparent;
    border-bottom: 0;
    border-left: 0.2em solid transparent;
}
.dropdown-menu {
	margin: 0;
	padding-left: 6px;
	background-color: transparent;
	border: 0;
	border-radius: 20px;
	background-color: #fff;
}
.dropdown-item {
	padding: .25rem .75rem;
	border-radius: 20px;
}
.header-container.smaller .dropdown-item {
	color: #000;
}
.dropdown-item:focus, 
.dropdown-item:hover {
	color: #000;
}
.dropdown-item.active, .dropdown-item:active {
	color: #000;
	background: none;
}
#menu-item-26 {
	margin-right: 4px;
	border-right: 1px solid #d9e4e9;
}
/* overlay */
.overlay {
	    height: 0%;
	    width: 100%;
	    position: fixed;
	    z-index: 2000;
	    top: 0;
	    left: 0;
	    color: #000;
		background-color: #fff;
	    overflow-y: hidden;
	    transition: 0.5s;
	}
	.overlay .container-fluid {
		padding-top: 0px;
	}
	.overlay img {
		margin-top: 10px;
	}
	.overlay .closebtn {
	    position: absolute;
	    right: 15px;
	    margin-top: 20px;
	    font-size: 20px;
	    color: #000;
	}
	.overlay a {
		font-weight: 300;
	    color: #000;
	}
	ul#menu-main-menu {
		margin-top: 40px;
		padding-left: 20px;
		list-style-type: none;
	}
	ul#menu-main-menu li {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	ul#menu-main-menu li a {
		font-size: 1.25rem;
		font-weight: 500;
		line-height: 1.6;	
	}
	ul#menu-main-menu li a .fa-arrow-up-right-from-square {
		margin-left: 5px;
		font-size: 85%;
	}
	.fa-solid.fa-bars {
		float: right;
		margin-top: 20px;
		font-size: 20px;
		color: #000;
		opacity: 1;
	}
/* intro */
.header_img {
	margin-top: 110px;
	height: calc(95vh - 150px);
	max-height: 800px;
}
.home .header_img {
	height: calc(100vh - 150px);
	max-height: 800px;
}
.bg_header,
.bg_subpage,
.bg_newspage {
	height: 100%;
	width: 100%;
	
}
.hp_intro {
	height: calc(95vh - 150px);
	max-height: 800px;
}
.home .hp_intro {
	height: calc(100vh - 150px);
	max-height: 800px;
}

.news_intro {
	height: 50vh;
}
.hp_intro h1,
.sub_intro h1,
.news_intro h1 {
	font-size: 9vmin !important;
	font-weight: 900;
    font-style: normal;
    line-height: 1.1;
}
.hp_intro h2,
.sub_intro h2,
.news_intro h2 {
	font-size: 7vmin !important;
}
.hp_intro p, 
.sub_intro p, 
.news_intro p {
	font-size: 24px;
}
/* content */
.benefit i,
.benefit {
	margin: 10px;
	font-size: 350%;
	text-align: center;
}
.overview_services .layover {
	height: 100%;
	width: 100%;
	background: rgba(13,28,43,.5) !important;
}
.overview_services .layover:hover {
	background: rgba(13,28,43,1) !important;
}
.overview_services h3,
.overview_services p {
	text-shadow: 0 0 5px rgba(0,0,0,.6);
}
.overview_services p {
	margin-bottom: 0;
}
.mega-sub-menu img,
.hover-effect {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.mega-sub-menu img,
.hover-effect:hover {
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.2);
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
}
.block {
	padding: 70px 60px;
}
.block-cta {
	padding: 50px 60px 60px;
}
.block-sm {
	padding: 40px 40px;
}
.gradient {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000+0,000+100&0.7+0,0.5+100 */
	background: linear-gradient(to bottom,  rgba(13,28,43,0.7) 0%,rgba(13,28,43,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.site-content {
	margin-top: 50px;
	margin-bottom: 50px;
}
.site-content-start {
	margin-top: 50px;
}
.category .site-content-start,
.page-template-page-updates .site-content {
	margin-top: 120px;
}
.site-content-end {
	margin-bottom: 50px;
}
.site-main {
	padding-top: 40px;
	padding-bottom: 40px;
}
.lead_text p {
	font-size: 130%;
	font-weight: 300;
}
iframe {
	width: 100%;
}
.insert {
	height: 70vh;
	margin-bottom: -80px;
}
.insert div {
	height: 70vh;
}
/* Kadence */
.kb-count-up-number {
	text-align: center;
	font-weight: 700;
}
/* Accordion */
#accordion .mb-4 {
    padding: 30px 30px 20px;
    border: 1px solid #573c65;
}
.card-header {
    background-color: transparent;
}
/* Modals */
.modal-fullscreen .modal-dialog {
    max-width: 80%;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    position: fixed;
    z-index: 100000;
    background-color: #fff;
}
.modal-fullscreen .modal-image {
	min-height: 80vh;
}
.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
}
.modal-body-block {
	height: 100vh;
	margin: 40px; 
	overflow-y: scroll; 
}
/* News */
.overview_news {
    margin-top: 30px;
}
.overview_news.bgwhite a:hover div,
.overview_news.bgwhite a:hover p {
	color: #000;
}
.img_news {
    margin: 0 auto;
    height: 25vh;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.img_team {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.start_news {
    padding: 30px;
}
.start_news h2 {
	margin-bottom: 0;
	width: 100%;
}
.start_news .fa-solid {
	margin-right: 10px;
	font-size: 110%;
}
.start_news:hover .date {
	color: #000;
}
/* Contact */
.contact-us i {
	margin-left: auto;
	margin-right: auto;
	width: 30px;
	text-align: center;
}
/* Team */
.start_team {
    padding: 30px;
}
.start_team h2 {
	margin-bottom: 15px;
	font-size: 22px;
}
.start_team .fa-solid,
.start_team .fa-brands {
	font-size: 150%;
}
.quote {
	background: url("../images/quote-left-solid.png") no-repeat right 70px top;
	background-size: 25%;
}
.quote p {
	font-size: 130%;
	font-style: italic;
}
/* Career */
.card-body {
	padding-top: 30px;
	padding-left: 0;
	padding-right: 0;
}
.card-body p {
	margin-bottom: 0;
}
.vacancy-list ul {
	margin-bottom: 40px;
}
.vacancy-list ul li {
	margin-bottom: 10px;
}
/* slider / caroussel */
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(25%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-25%);
}
  
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}
.carousel-indicators {
	bottom: -15px;
}
.carousel-indicators li {
	background-color: #e2e5e2;
}
.carousel-indicators .active {
	background-color: #a2aba2;
}
.carousel-item-background,
.carousel-item-title {
	height: 33vh;
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.carousel-caption {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
	text-align: left;
}
/* Infinite Logo Carousel with gradient mask*/

/* Adding overflow hidden and display flex for the parent container */
.infinite-logo-gradient .kt-inside-inner-col
{
 overflow: hidden;
   /* margin: 0 auto; */
  mask-image: linear-gradient(to right, transparent 0, black 128px, black calc(100% - 128px), transparent 100%),
  linear-gradient(to left, transparent 0, black 128px, black calc(100% - 128px), transparent 100%);
}

/* adding width and animation for the child element */
.infinite-logo-gradient .logo-img {
  min-width: 250px; 
  animation: slide 40s linear infinite;
}

@keyframes slide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1500px, 0, 0);   }
} 
.kt-tabs-title-list {
	-ms-flex-pack: center!important;
    justify-content: center !important;
}
/* Kruimelpad */
.breadcrumbs {
	margin-top: 30px;
	margin-bottom: 30px;
}
.breadcrumbs span span span {
	margin: 0 10px;
}
.breadcrumbs span span span:first-child {
	margin-left: 0;
}
.breadcrumbs,
.breadcrumbs a {
	font-size: 16px;
	color: #000;
}
/* pagination */
.pagination-nav-container {
	width: 100%;
	margin-top: 30px;
}
.page-item.active .page-link {
	background-color: #173c5e;
	border-color: #173c5e;
}
.page-link {
	 padding: .5rem 1rem;
	color: #173c5e;
}
.page-link:hover,
.page-item.active .page-link:hover {
	color: #fff;
	background-color: #4590ba;
	border-color: #4590ba;
}
.page-item:first-child .page-link {
    margin-left: 0;
    padding: .5rem 1rem .5rem 1.2rem;
}
.page-item:last-child .page-link {
	padding: .5rem 1.2rem .5rem 1rem;
}
/* tables */
table tr th {
	text-transform: uppercase;
}
table tr td i {
	font-size: 200%;
	color: #e74474;
}
.table td {
	vertical-align: middle;
	border-top: 1px solid #265476;
}
.table th {
	border-top: 0;
}
/* ul, ol */
ul {
	list-style-type: square;
}
.checkmarks ul,
ul.checkmarks {
	padding-left: 20px;
	list-style-type: none;
	list-style-image: url("../images/check-solid.png");
}
.checkmarks ul li,
ul.checkmarks li {
	padding-left: 5px;
	margin-bottom: 10px;
}
ul.menulist {
	margin: 0 4% 0 4%;
	padding-left: 0;
}
.block-sm ul.menulist {
	margin: 0;
}
ul.menulist li {
	font-weight: 600;
	text-align: left;
	border-bottom: 1px solid #cacaca;
	list-style-type: none;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
}
ul.presslist.presslist li {
	font-weight: inherit;
}
ul.menulist li:last-child {
	border-bottom: none;
}
ul.menulist li {
	padding: 15px 25px 12px;
}
ul.menulist li:hover {
	color: #000;
	background-color: #e8eef1;
	border-bottom: 1px solid #e8eef1;
}
ul.menulist li:hover a {
	color: #000;
}
ul.menulist i {
	float: right;
	margin-top: 5px;
}
ol > li.nav-item::marker {
	font-weight: bold;
	list-style-type: initial;
}
/* forms */
.contactpage-form p strong {
	margin-left: 25px;
}
.form-control {
	padding-left: 1.5rem;
	height: calc(2.25rem + 10px);
	border-radius: 25px;
}
button[type=submit] {
	margin-top: 0;
	margin-right: 0;
}
input, select, textarea {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 9px 20px 10px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 25px;
}
.backgroundBg.bgWrapper {
	background-color: transparent !important;
}
input[type='checkbox'] {
	display: inline-block;
	width: 30px;
}
/* btn */
.btn,
.wpcf7 button,
.wpcf7 [type=button] {
	margin-right: 10px;
	padding: 10px 35px !important;
	height: 50px;
	font-size: 18px;
	font-weight: 400;
    font-style: normal;
	text-decoration: none;
	color: #fff;
	background: #000;
	border: 2px solid #333;
	border-radius: 28px;
	  	-webkit-transition: all .7s ease;
		-moz-transition: all .7s ease;
		-ms-transition: all .7s ease;
		-o-transition: all .7s ease;
		transition: all .7s ease;
}
.btn:hover {
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f3f3f+16,000000+80 */
	background: #333 radial-gradient(ellipse at center,  #3f3f3f 16%,#000000 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 2px solid #000;
}
.btn.btn-orange {
	color: #fff;
	background-color: #ea652d;
	border: 2px solid #f28557;
		-webkit-transition: all .7s ease;
		-moz-transition: all .7s ease;
		-ms-transition: all .7s ease;
		-o-transition: all .7s ease;
		transition: all .7s ease;

}
.btn.btn-orange:hover {
	color: #fff;
	background-color: #f28557;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f28557+16,ea652d+80 */
	background: #f28557 radial-gradient(ellipse at center,  #f28557 16%,#ea652d 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 2px solid #ea652d;
}
.btn.btn-border {
	padding: 11px 36px !important;
	color: #000;
	background-color: transparent;
	border: 1px solid #000;
		-webkit-transition: all .7s ease;
		-moz-transition: all .7s ease;
		-ms-transition: all .7s ease;
		-o-transition: all .7s ease;
		transition: all .7s ease;

}
.btn.btn-border:hover {
	padding: 11px 36px !important;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f3f3f+16,000000+80 */
	background: #333 radial-gradient(ellipse at center,  #3f3f3f 16%,#000000 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border: 1px solid #333;
}
.btn i {
	margin-left: 10px;
}
.header-container .btn {
	margin-right: 0;
}
a[aria-expanded="true"] i {
	rotate: 180deg;
}
.wp-block-kadence-singlebtn {
	-webkit-transition: all .7s ease !important;
	-moz-transition: all .7s ease !important;
	-ms-transition: all .7s ease !important;
	-o-transition: all .7s ease !important;
	transition: all .7s ease !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background: linear-gradient(to right,  #00659f 30%,#000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
	color: #000;
	background-color: #f3f7f9;
}
.nav-tabs .nav-link {
	color: #000;
	background-color: transparent;
}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
	margin-bottom: -1px;
	border: 1px solid #d8e1e5;
	border-bottom: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	outline: none;
}
.nav-tabs {
	border-bottom: 0;
}


/* footer */
#site-footer {
	border: 1px solid #d8e1e5;
	padding-top: 40px;
	font-size: 17px;
}
#site-footer img {
	margin-top: 30px;
	width: 220px;
}
#site-footer h2 {
	margin-bottom: 15px;
	font-size: 22px;

}
#site-footer h3 {
	font-size: 20px;

}
#site-footer a {

}
#site-footer a:hover {
	text-decoration: none;
}
#site-footer ul {
	padding-left: 0;
	list-style-type: none;
}
#footer-row {
	padding-top: 20px;
	padding-bottom: 30px;
}
.footer-left i {
	margin-right: 10px;
	font-size: 36px;
	text-align: center;
}
.contact-us img {
	margin-bottom: 8px;
}
#site-footer .privacy,
#site-footer .privacy a {
	color: #939fa9;
}
/* Websteks */
.websteks {
	margin: 0 auto 0;
	font-size: 17px;
	font-weight: 300;
}
.websteks {
	color: #000;
}
.websteks:hover i {
	color: #ea652d;
}
.websteks i {
  animation: color-change 2.5s infinite;
}

@keyframes color-change {
  0% { color: #000; }
  50% { color: #ea652d;) }
  100% { color: #000; }
}
.websteks img {
    margin-top: -18px !important;
    width: 110px !important;
}
/* Media Queries */
@media (min-width: 1600px) {
	.img_news.img_team {
	    height: 500px;
	}
}
@media (min-width: 1100px) and (max-width: 1410px) {
	body,
	.navbar-light .navbar-nav .nav-link,
	.btn {
		font-size: 17px;
	}
	.navbar-nav .nav-link {
		padding: 5px 12px !important;
		font-size: 17px;
	}
	.block {
	    padding: 50px 40px;
	}
	.start_news h2 {
		font-size: 1.8rem;
	}
	.start_news .fa-solid {
		font-size: 100%;
	}
	ul.menulist li {
	    padding: 15px 15px 12px;
	}
	.btn {
		padding: 10px 30px !important
	}
}
@media (min-width: 992px) and (max-width: 1099px) {
	body {
		font-size: 16px;
	}
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	.page-header-top-right {
		margin-top: 5px;
	}
	.navbar {
		padding-top: 0;
	}
	.navbar-nav .nav-link {
		padding: 0 5px !important;
		font-size: 16px;
	}
	.header-container .btn {
		padding: 5px 10px !important;
		font-size: 16px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	h2 {
		font-size: 1.6rem;
	}
	.header-container {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-light .navbar-toggler {
		background-color: #6c4276;
	}
	.navbar img {
		max-width: 300px; 
	}
	.fa-solid.fa-bars {
		font-size: 26px;
		color: #000;
		opacity: 1;
	}
	.header_img {
		margin-top: 80px;
	}
}
@media only screen and (max-width: 767px) {
	html, body {
	 overflow-x: hidden
	}
	.container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}
	body {
		font-size: 16px;
	}
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	h1::after,
	h2::after {
		margin-top: -5px;
		transform: scale(.4);
	}
	h1.title-left::after, 
	h2.title-left::after {
		left: -45px;
	}
	h2.white::after {
		left: -45px;
		margin-top: -5px;
		transform: scale(.4);
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 18px;
	}
	.header-container {
		padding-top: 5px;
		height: 70px;
	}
	.navbar {
		background-color: #fff;
	}
	.navbar-collapse {
		padding-top: 40px;
	}
	.site-title {
		margin-top: 5px;
	}
	.home .header_img {
		margin-top: 70px;
		height: calc(100vh - 140px);
	}
	.hp_intro h1 {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.hp_intro p,
	.sub_intro p {
		margin-bottom: 10px;
	    font-style: normal;
	}
	button:focus {
		outline: none;
	}
	.site-content {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.site-content-start .mheight,
	.site-content .mheight,
	.site-content-end .mheight {
		min-height: 200px;
	}
	.block {
	    padding: 30px 20px;
	}
	.start_news {
		padding-bottom: 15px;
	}
	.page-id-18 .kt-blocks-info-box-media {
		padding: 0 10px 0 0 !important;
		margin-right: 0 !important;
	}
	.page-id-18 .wp-block-kadence-infobox .kt-info-svg-icon svg {
		font-size: 30px;
	}
	.page-id-18 .kt-blocks-info-box-title {
		font-size: 16px;
	}
	.modal-fullscreen .modal-dialog {
	    max-width: 100%;
	    margin: 0;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    display: flex;
	    position: fixed;
	    z-index: 100000;
	    background-color: #fff;
	}
	.modal-fullscreen .modal-content {
	    border: 0;
	    border-radius: 0;
	}
	.modal-fullscreen .modal-image {
		min-height: inherit;
	}
	.modal-body-block {
		height: calc(100vh - 60px);
		overflow-y: scroll; 
		margin: 30px 10px 0 40px;
	}
	ul.menulist {
		margin: 0;
	}
	ul.menulist li {
		padding: 15px 0px 12px;
	}
	.bggray {
		margin-bottom: 15px;
	}
	.btn {
		margin-bottom: 10px;
		padding: 10px 35px !important;
		font-size: 16px;
	}
	.contact-us img {
		margin-bottom: 30px;
	}
	#site-footer h2 {
		margin-top: 30px;
	}
}
@media only screen and (max-width: 320px) {
	
}

::-moz-selection { background-color: #ea652d; color: #fff; }
::selection { background-color: #ea652d; color: #fff; }