@font-face {
    font-family: 'Titler';
    src: url('Titler-BoldBold.eot');
    src: url('Titler-BoldBold.eot?#iefix') format('embedded-opentype'),
        url('Titler-BoldBold.woff2') format('woff2'),
        url('Titler-BoldBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
:root {
	--c1: #D43A22;
	--c2: #ccc;
	--c3: #474443;
	--c5: #efefef;
	--c7: #bc331e;
	--c9: #999;
}
body{
	padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 19pt;
    background-color:#fff;
    color: var(--c3);
    cursor: default;
}
ul{list-style:none;}
a{text-decoration:none;}
header{
	background:var(--c1);
	position:relative;
	height:668px;
}
.inner-page header{height:454px}
.inner-page.companyprofilevideo header{height:90px}
.error404.inner-page header{height:120px}
header:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:inherit;
	background:var(--c1);
	background: linear-gradient(to bottom right,rgba(51,51,51,0.9) 25%,rgba(255,255,255,0) 100%);
	z-index:8;
}
#headertop {
    padding:20px 0;
    width: 100%;
	position:absolute;
	z-index:9;
	background:var(--c1);
}
/*.sticky{
	width:100%;
	background:var(--c1);
	position:relative;
	top:0;
	height:120px;
	margin:0;
	padding:0;
	box-shadow:0 0.3px 0.4px hsla(0, 0%, 0%, 0.02),0 0.9px 1.5px hsla(0, 0%, 0%, 0.045),0 3.5px 6px hsla(0, 0%, 0%, 0.09);
}*/
.logo a {
    display:block;
    height:50px;
	float:left;
}
.m-menu{display:none}
nav ul {
    margin: 0;
    padding: 0;
    float: right
}
nav ul li {
    float: left;
    padding: 0 0 0 40px;
	margin:8px 0;
	line-height:30px;
    text-transform:capitalize;
}
nav ul li a {
    display: block;
    font-size:15px;
    color: #fff;
    font-weight:400;
	text-decoration:none;
	position: relative;
}/*.sticky nav ul li a{color:var(--c1)}*/
nav.l-menu ul li.menu-btn a{
	color:var(--c2);
	border:2px solid var(--c2);
	border-radius:20px;
	padding:0 7px;
	font-weight:700;
	background:none;
	-webkit-transition: background 0.7s ease;
	-moz-transition: background 0.7s ease;
	transition: background 0.7s ease; 
}
nav.l-menu ul li.menu-btn a:hover,nav.l-menu ul li.menu-btn.current_page_item a{
	background:var(--c2);
	color:var(--c1);
}
nav.l-menu ul li a:before,
nav.l-menu ul li a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
nav.l-menu ul li a:before {
  bottom: 0;
  display: block;
  height: 2px;
  width: 0%;
  content: "";
  background-color:var(--c2);
}
nav.l-menu ul li.current_page_item a:before,.tax-products nav.l-menu ul li.menu-item-28 a:before {
	background-color:#fff;
}/*.sticky nav ul li.current a:before {
	background-color:var(--c1);
}*/
nav.l-menu ul li a:hover:before,
nav.l-menu ul li.current_page_item a:before,
.tax-products nav.l-menu ul li.menu-item-28 a:before{
  opacity: 1;
  width: 100%;
}
nav.l-menu ul li.menu-btn a:hover:before,
nav.l-menu ul li.menu-btn.current_page_item a:before{
  opacity:0;
  width: 0%;
}
nav.l-menu ul li a:hover:after,
nav.l-menu ul li.current_page_item a:after {
  max-width: 100%;
}
#headerslider{
    width: 100%;
    position: relative;
    height:100%;
    overflow: hidden
}
#slider {
    position: relative;
    overflow: hidden;
    margin: 0;
	padding:0;
	z-index:1;
}
#slider ul{
    position: relative;
    margin: 0;
    padding: 0;
    height:668px;
	list-style:none;
}
.inner-page #slider ul{margin:0!important;height:454px} /*override for banner*/
#slider ul li {
	width:100%;
    position: relative;
    display:block;
    float: left;
    margin: 0;
    padding: 0;
    height: inherit;
    background-repeat: no-repeat;
    background-size: cover;
}
.inner-page.contact-us #slider ul li{background-position:0 center}
.inner-page.tax-products #slider ul li{background-size:cover;background-position:center} 
/*override for banner*/
#slider ul li a {
    position: relative;
    display: block;
    height: 100%;
}
#slidercontent{
	position:absolute;
	z-index:8;
	width:inherit;
	top:290px;
}
.slidecontent{
	color:#fff;
}
.slidecontent h1{
	 font-family: 'Titler';
	 font-size:48px;
	 line-height:60px
}
.slidecontent h1 span,.slidecontent p span{color:var(--c7);}
.inner-page .slidecontent h1 span{text-transform:uppercase} /*banner subtitle*/
.slidecontent p{
font-size:18px;
color:#fff;
line-height:25px;
margin-top:15px;
}
.slidearrows{margin:25px 0;}
.slidearrows a{
	display:inline-block;
	border-radius:22px;
	width:45px;
	height:45px;
	background:rgba(255,255,255,0.5);
	text-align:center;
	line-height:40px;
	border:1px solid transparent;
	transition: all 0.5s;
}
.slidearrows a svg{margin-top:13px;transition: transform 0.5s;transform-origin: 50% 50%;}
.slidearrows a:hover{border:1px solid #fff;}
.slidearrows a:hover svg{transform: scale(1.2);}

#sec1{
margin:75px 0;
}
.title{
color:var(--c1);
font-size:36px;
line-height:46px;
width:50%;
}
.error404 .title{text-align:center;margin: auto;}
.error404 .title span{text-align: center;font-size: 148px;position: absolute;color:#eee;z-index: -1}
.title.v2{color:var(--c2);}
.title.inline{width:100%}
.content:before{
content:"";
width:2px;
height:75px;
background:var(--c2);
position:absolute;
left:30px;
margin-top:-9px
}
.content.v2:before{background:var(--c1);}
.content{
	padding:25px 0 0 50px;
	font-size:18px;
	line-height:25px
}
.content h2{
	margin: 10px 0;
	text-indent: 10px;
	color: var(--c1);
	position: relative;
}
.content h2:before{
	content:"";
	top:3px;
	display: block;
	position: absolute;
	width:3px;
	height:20px;
	background: var(--c2);
}
.content p{margin:15px 0;}

.content li{
	list-style:disc;
	margin: 0 0 0 20px
}
.wp-block-separator{border:none}
.content-img{
	padding:0;
	text-align: right;
}
.content-img img{
	max-width:100%
}
.img-badge{
	background:var(--c1);
	padding:24px 15px 26px 15px;
	color:#fff;
	text-align:center;
	font-size:24px;
	position:absolute;
	left:15px;
	bottom:-32px;
	z-index:8;
	
}
.img-badge span{
	font-family: 'Titler';
	font-size:66px;
	display:block;
}
#sec2{
	padding:75px 0
}
.cat-intro{margin:10px 0;padding-right:50px;max-height:370px;overflow:hidden}
.arrow-link{
	display:inline-block;
	text-transform:uppercase;
	padding:0 40px 0 0;
	margin:40px 0;
	color:var(--c1);
	background:url(../img/arrow.png) 98% 0 no-repeat;
	font-size:18px;
	font-weight:bold;
	-webkit-transition: background 0.35s ease;
	-moz-transition: background 0.35s ease;
	transition: background 0.35s ease; 
}
.arrow-link:hover{background-position:100% 0}
.cat{overflow:hidden;cursor:pointer;margin:10px 0;max-height:370px}
.cat .cat-img{
	position:relative;
	-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
      mask-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.5));
}
.cat:before{
	content:"";
	background:var(--c2);
	position:absolute;
	top:10px;
	left:15px;
	right:15px;
	bottom:10px;
	transition: all 0.5s;
}

.cat a{
	position:absolute;
	top:10px;
	left:15px;
	right:15px;
	bottom:10px;
	display:block;
	z-index:8;
}
.cat h2{
position:absolute;
top:35px;
left:35px;
color:var(--c3);
font-size:26px;
text-transform:uppercase;
line-height:34px;
}
.cat:hover:before{
	background:var(--c1);
}
.cat:hover h2{color:#fff;text-shadow:none;}
.cat-icon{
	position:absolute;
	bottom:50px;
	left:50px
}

/*product category page - START*/
.cat_heading_icon{width:60px;height:auto;padding-bottom: 15px}
.breadcrumbs{font-size: 18px;margin-bottom: 25px;color: var(--c9);font-weight: 600}
.breadcrumbs a{color: var(--c9);font-weight: 400}
.breadcrumbs a:hover{color:var(--c3);text-decoration: underline}
.breadcrumbs svg{display:inline-flex;vertical-align: sub}
.breadcrumbs a:hover .homeicon{fill:var(--c3)}
.breadcrumbs span.bd{color:var(--c1);display: inline-block;padding: 0 5px;font-size:20px}
.product-block{margin:15px 0;cursor: pointer}
.product-block img{max-width: 100%;border:1px solid var(--c5)}
/*product category page - END*/

.facility-container{
	position:relative;
	margin:1em auto .5em auto;
	max-width:100%;
	overflow: hidden
}
.facility-block{
	position: relative;
	background: var(--c5);
	border:1px solid var(--c2);
}
.facility-cat{
	background: var(--c2);
	color: var(--c3);
	padding: 15px;
	line-height: 32px;
	height: 95px
}
.facility-cat h2:before{
	float: right;
	width: calc(100% - 10em);
	height: 1em;
	content: '';
}
.facility-cat.small_len h2:before{
	width: calc(100% - 5em);
}

/* multi block carousel */
.facility-item .facility-img{
	max-width: 100%;
	text-align: center;
	padding: 15px;
}
.facility-caption{
	max-width:100%;
	padding:0 15px 15px;
	font-size: 15px;
	height: 70px;
	line-height: 18px
}
.hidden{
  display:none;
}
.visible{
  display:block;
}
.arrow{
  display:inline;
}

.prev, .arrow{
 cursor: pointer;
  position: absolute;
  bottom: 95px;
	right:65px;
  width:30px;
  height:30px;
  padding:10px;
  color: var(--c3);
  font-weight: bold;
  font-size:18px;
  transition:0.3s ease;
  border-radius: 50%;
  user-select: none;
  background-color:rgba(255,255,255, 0.4);
}
.next {
  right:30px
}
.prev:hover, .next:hover{
  background-color:rgba(255,255,255, 0.8);
}
.arrow svg{display: block}
/* end multi block carousel */

/*multi slider*/
.facility-slider {
    position: relative;
    overflow: hidden;
    margin: 0;
	padding:0;
	z-index:1;
}
.facility-slider ul{
    position: relative;
    margin: 0;
    padding: 0;
    height:300px;
	list-style:none;
}

.facility-slider ul li {
	width:100%;
    position: relative;
    display:block;
    float: left;
    margin: 0;
    padding:0;
}
.facility-slider ul li.noimg{padding-bottom:70px}
.facility-slider ul li img{
	max-width: 100%;
	height: 100%;
	text-align: center;
	padding: 15px;
}
.facility-slider ul li p
{
    padding:0 15px;
    font-size: 15px;
	line-height: 19px;
	bottom:15px;
	left: 15px;
	right: 15px;
	/*width: 100%;*/
	height:70px;
	background: var(--c5);/*background: rgba(237, 215, 112,0.8);*/
}
.facility-slider ul li.noimg p{height:auto;top:15px;bottom:15px;padding-top:35%;text-align:center;position: absolute}
.facility-slider ul li:after{
	content: "";
	clear: both;
}
.facility-slider ul li a {
    position: relative;
    display: block;
    height: 100%;
}

.facility-slidearrows{
	margin:25px 0;
	position: absolute;
	z-index:8;
	right:15px;
	top:100px;
	text-align: right;
}
.facility-slidearrows a{
display:inline-block;
border-radius:22px;
width:30px;
height:30px;
background:rgba(255,255,255,0.8);
text-align:center;
font-size: 18px;
padding: 10px;
transition: 0.3s ease;
cursor: pointer
}
.facility-slidearrows a:hover{background:rgba(255,255,255,0.8);}
.facility-slidearrows svg{display: block}

/* The animation code */
@keyframes customfade {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* The element to apply the animation to */
.facility-slider ul li {
  animation-name: customfade;
  animation-duration:2s;
}
/*multi slider end*/

/*Team section - START*/
.members{margin-top: 50px}
.member_container{margin:50px 0 100px 0}

.member_block img{display:block;max-width:100%;background: var(--c5)}
.member_detail{background:var(--c1);position:relative;line-height:16px;padding:10px;color:var(--c5)}
.member_detail:before{content:"";width:50%;height:4px;background:var(--c2);position:absolute;top:-2px;left:0}
.member_detail h3{font-size:15px}
.member_detail p{font-size:11px;}
/*Team section - END*/

/*product page - START*/
#sec3{margin: 50px auto}

.cat_title_icon{width:32px;height:auto;display: inline-flex}
a.p_cat_title{color:var(--c2);font-size:1.3em}
a.p_cat_title:hover{text-decoration: underline;color:var(--c7);}

.product-carousel {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 13em;
  margin: auto;
  background: #fff;
  overflow: hidden;
}

.product-carousel .arrow {
  cursor: pointer;
  position: absolute;
  width: 2em;
	/*top:50%;*/height:100%;
  padding: 0;
  margin: -1em 0 0 0;
  outline: 0;
  background: transparent;
	border:0;
}



.product-carousel .arrow:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  border-style: solid;
}

.product-carousel .prev {
  left: 0;
  bottom: 0;
}

.product-carousel .prev:before {
  left: 0.25em;
  border-width: 5px 0 0 5px;
  border-color: var(--c2) transparent transparent var(--c2);
  transform: rotate(-45deg);
}
.product-carousel .prev:hover:before{
  border-color: var(--c1) transparent transparent var(--c1);
}

.product-carousel .next {
  right: 0;
  bottom: 0;
}

.product-carousel .next:before {
  right: 0.25em;
  border-width: 5px 5px 0 0;
  border-color: var(--c2) var(--c2) transparent transparent;
  transform: rotate(45deg);
}
.product-carousel .next:hover:before {
  border-color: var(--c1) var(--c1) transparent transparent;
}

.product-carousel .product-carousel-frame {
  position: absolute;
  top: 0;
  left: 2em;
  right: 2em;
  bottom: 0;
  border-left: 0.25em solid transparent;
  border-right: 0.25em solid transparent;
  overflow: hidden;
}

.product-carousel .product-carousel-item {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  height: 100%;
}

.product-carousel .product-carousel-inset {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0.5em 0.25em;
  overflow: hidden;
	display: flex;
	align-items: center;
}
.product-carousel img{max-width:100%;display: block;border:1px solid var(--c5);cursor: pointer}
/*
#lightbox {
  background:rgba(230, 230, 230,.9);
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:100%;
  z-index:9999;
  overflow:hidden;
  display:none
}
.lightbox_close {
  padding:15px;
  float:right;
  font-size:40px;
  color:var(--c3);
  line-height:30px;
  font-family:Arial;
  -webkit-transition:all .2s ease-in-out;
  -moz-transition:all .2 ease-in-out;
  -ms-transition:all .2 ease-in-out;
  -o-transition:all .2 ease-in-out;
  transition:all .2 ease-in-out
}
.lightbox_close:hover {
  color:var(--c1);
  transform:rotate(90deg) scale(1.5,1.5)
}
.contact nav li a,
.lightbox_link a {
  color:#fff
}
#lightbox img {
  margin:auto;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  max-height:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:60px;
	border-radius:5px;
}
.lightbox_link {
  position:absolute;
  bottom:0;
  line-height:60px;
  text-align:center;
  width:100%
}
.lightbox_link a img {
  position:relative!important;
  padding:0 10px!important
}*/
.contact nav li a{color:#fff}
@media ( max-width: 60em ) {
  .product-carousel .product-carousel-item {
    width: 33.33%;
  }
  .product-carousel {
    height: 16em;
  }
}

@media ( max-width: 45em ) {
  .product-carousel .product-carousel-item {
    width: 50%;
  }
}

@media ( max-width: 30em ) {
  .product-carousel .product-carousel-item {
    width: 100%;
  }
  .product-carousel {
    height: 19em;
  }
}


/*product page - END*/

/*contact page - START*/
#contact_sec{margin: 50px 0 50px 0;position: relative}
.contact_row{margin:0}
.contact_form{background:var(--c5);padding:0 20px 20px;font-size:16px}
.formtitle{margin-top:50px;width:74%}

label{display:none}
input, select, textarea {
  padding: 5px 15px;
	font-family: 'Roboto', sans-serif;
  font-size: 16px;
  border: 1px solid var(--c5);
  color:var(--c3);
  line-height: 30px;
  display: inline-block;
  width: 100%;
}
::placeholder {
  color: var(--c5);
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: var(--c5);
}
select{padding:10px 15px;background:#fff;}
select option{color:var(--c3)}
textarea{height:100px;resize: none}
.contact_form form div.fileupload {
  position: relative;
  background:#fff;
  padding:0 15px;
	margin-top: 15px;
  line-height: 40px;
  cursor: pointer;
  border: 1px solid var(--c5);
}
.contact_form form div.fileupload span.btn-txt {
  display: inline-block;
  cursor: pointer;
	color:var(--c3);
}
span[data-name='pro_img']{
  display: block;
}
.fileupload input.upload {
  position: absolute;
  top:-40px;
  left: -40px;
  margin: 0;
  padding: 5px;
  font-size: 20px;
  cursor: pointer;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0);	
}
.preview{position: absolute;bottom:15px;right:-45px;width:100px;visibility: hidden}
.preview.on{visibility: visible}
.preview img{max-width:100%;border: 1px solid var(--c3)}
.note{color:#999;font-size:13px;text-align:left;line-height: 18px;padding:10px 0 0 15px;font-style: italic}
input[type="submit"]{background:var(--c3);color:var(--c5);transition: all .3s ease-in-out;cursor: pointer;margin:15px 0;border:none;border-radius:21px;width: auto;padding:5px 50px;font-weight: bold}
input[type="submit"]:hover{background:var(--c1);color:var(--c2);}
input[type="reset"]{width:auto;color:var(--c3);background:none}
input[type="reset"]:hover{width:auto;background:none;color:var(--c1);text-decoration: underline;cursor: pointer}
.wpcf7-spinner{
	opacity: 1;
	background:none;
  	border:0;
  	border-radius: 50%;
  	display: inline-block;
  	position:absolute;
	top:23px;
	left:140px;
	margin: 0
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} .wpcf7 form .wpcf7-response-dummy{clear: both !important;position: relative}
.wpcf7 form .wpcf7-response-output{
	clear: both !important;
	border: none;
	color: var(--c7);
	padding: 0 15px;
	width: 72%;
	position: absolute;
	bottom: 4px;
}
.wpcf7 form.sent .wpcf7-response-output{color:#46b450;line-height: 20px;bottom:-10px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border:0}
.wpcf7-not-valid-tip{display:none}
.wpcf7-not-valid-tip,.preview span{line-height:25px;padding:0 5px;position: absolute;top:-20px;right:-20px;background: var(--c7);color: var(--c5)}
.fileupload .wpcf7-not-valid-tip{top:-85px;right:-30px}
.preview span{top:-65px;width:300px}
.wpcf7-not-valid{border-color:var(--c7);
}

.info_block{background: var(--c2);width:58%;color:var(--c3);position: absolute;top:-100px;right:-33.5%;line-height: normal}
#contact_sec .info{font-size:16px;padding:20px;}
#contact_sec .info h3{}
#contact_sec .info p {font-size:14px}
#contact_sec .info a{color:var(--c3)}
#contact_sec .info a:hover{color:var(--c1)}

/*contact page - END*/

#prefooter{
background:var(--c1);
}
.prefooter-detail{
background:url(../img/prefooter-bg.png) 98% 100% no-repeat var(--c1);
background-size:25%;
padding:50px 15px
}
.contact-us .prefooter-detail{background: none}
.prefooter-detail h1{
color:var(--c2);
font-size:34px;
}
.prefooter-detail a{
	border:2px solid;
	color:#fff;
	border-radius: 20px;
    display: inline-block;
    padding: 8px 60px 8px 18px;
    font-size: 20px;
	margin:15px 0 0 0;
	background:url(../img/next-arrow.png) 94% 50% no-repeat ;
	background-size: 18px;
	-webkit-transition: background 0.7s ease;
	-moz-transition: background 0.7s ease;
	transition: background 0.7s ease;
}
.prefooter-detail a:hover{
	background:url(../img/arrow.png) 94% 50% no-repeat #fff;
	background-size: 18px;
	color: var(--c1);
	border:2px solid #fff;
}
.contact-us .prefooter-detail a{display: none}
footer{
	background:var(--c2);
	padding:75px 0 30px 0;
	font-size:15px;
}
footer a.footer-logo{display:inline-block;}
footer p{margin:18px 0;line-height:20px}
footer span.hyphen,footer h2:before{
	display:block;
	width:30px;
	height:3px;
	background:var(--c1);
	margin:18px 0
}
footer h2:before{
	content:"";
	position:absolute;
	top:18px;
	bottom:18px;
	background:var(--c1);
}
footer h2{
	font-size:21px;
	font-weight:bold;
	color:var(--c1);
	margin:0 0 36px 0;
}
.socialmedia{margin:25px 0 0 0}
.socialmedia a{
	display:inline-block;
	margin-right:8px;
}
.socialmedia a:hover .fil_icon_bg{fill:var(--c1);}

.footer-block{padding:0 0 60px 50px}
.footer-block:last-child{padding:0 0 30px 50px}
.footer-block p{
	line-height:24px
}
.footer-block:before{
	content:"";
	width:1px;
	left:0;
	top:0;
	bottom:45px;
	background:var(--c1);
	position:absolute;
}
.footer-nav > div{padding:0}
.footer-nav a{
	line-height:30px;
	color:var(--c3);
	display:block;
	font-size:15px
}
.mailto a{color:var(--c3);display:block}
.footer-nav a:hover,.mailto a:hover{text-decoration:underline}
footer .copyright{
	padding:25px 0 0 0;
	text-align:center;
}
footer .copyright:before{
	content:"";
	left:15px;
	right:15px;
	top:0;
	bottom:0;
	height:1px;
	background:var(--c1);
	position:absolute;
}
footer .copyright a{
font-weight:bold;
color:var(--c9);
}
footer .copyright a.author{font-weight:normal}
footer .copyright a.author:hover{text-decoration:underline;}
@media(max-width:1186px){
	.cat-intro{padding-right:10px}
}
@media(max-width:992px){
	.l-menu{display:none}
	.m-menu{position:unset;display:block}
	.mb-mi {
		position:relative;
		display: block;
		width:50px;
		height: 50px;
		background: url(../img/menu-icon.svg) no-repeat center;
		float: right;
		padding:0;
		margin:0;
		cursor: pointer;
	}
	nav div.mi-menu {
		padding: 20px;
		margin: 0;
		background:var(--c1);
		height: 100vh;
		position: fixed;
		width: 100%;
		right: 0;
		top: 0;
		text-align: center;
		display:none;
	}
	nav div.mi-menu span {
		display: block;
		position: absolute;
		top:20px;
		right:20px;
		width: 40px;
		height: 40px;
		background:var(--c1);
		border-radius: 20px;
		cursor: pointer;
	}
	nav div.mi-menu span:after {
		content: "\00d7";
		width: 40px;
		height: 40px;
		top: 0;
		left: 0;
		color: #fff;
		font-size: 40px;
		position: absolute;
		z-index:9;
	}
	nav div.mi-menu ul {
		position: absolute;
		height: 300px;
		left: 0;
		right: 0;
		top: 50%;
		margin-top: -150px;
	}
	nav div.mi-menu ul li {
		float: none;
		line-height: 50px;
		padding:0 10px;
	}
	nav div.mi-menu ul li a {
		font-size: 22px;
		font-weight: 600;
		color: #fff;
	}
	.content{font-size:15px}
	
	
	
	.formtitle{width:100%}
	.info_block{position:relative;top:unset;right:unset;width:auto;margin:20px -20px -20px}
	
	.member_block{
	    margin-bottom:15px;
	    min-height:258px;
	}
	
	footer{padding:40px 0 0 0}
	footer strong br{display:none}
	.footer-block,.footer-block:last-child{padding:0 15px;margin:50px 0 0 0}
	.footer-block:before{width:unset;height:1px;left:15px;right:15px;top:-25px;bottom:0}
	footer .copyright{padding:25px;}
}
@media(max-width:767px){
	.slidearrows a svg{margin-top:13px}

	.copyright .cr_sep{display:none}
	.copyright .br3{display:block;width:0;height:0}
}
@media(max-width:639px){
	.logo a{height:45px}
	.mb-mi {width:45px;height:45px;margin-top:-1px}
	
	.copyright .cr_sep{display:inline}
	.copyright .br3{display:none;width:0;height:0}
	.copyright .br2{display:block;width:0;height:0}
}
@media(max-width:479px){
	.logo a{height:40px}
	.mb-mi {width:40px;height:40px;margin-top:-1px}
	
	.slidecontent h1{font-size:38px;line-height:40px}
	.slidecontent p{font-size:15px}
	.slidecontent p br{display:none}
	
	.slidearrows a{width:40px;height:40px;line-height:36px}
	.slidearrows a svg{margin-top:10px}
	
	#sec1{margin:40px 0}
	.title{width:75%;font-size:31px}
	.content{font-size:15px}
	#sec1 .row > div{margin-bottom:40px}
	.img-badge{font-size:18px}
	.img-badge span{font-size:50px}
	
	#sec2{padding:40px 0}
	.arrow-link{margin:20px 0}
	.cat h2{font-size:22px}
	
	.sec3-detail{background-size:35%}
	.sec3-detail h1{font-size:28px}
	.sec3-detail a{font-size:17px}
	
	.breadcrumbs{font-size: 15px;}

	.copyright .cr_sep{display:none}
	.copyright .br1,.copyright .br2,.copyright .br3{display:block;width:0;height:0}

}