/*!
Theme Name: Samrans
Theme URI: http://samrans.in/
Author: DeCodeUI
Author URI: https://www.decodeui.com
Description: Developed based on _s
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
*/

/*== CUSTOM FONTS ==*/
@font-face {
  font-display: swap;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/prompt-v10-latin-regular.woff2') format('woff2'),
       url('assets/fonts/prompt-v10-latin-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/prompt-v10-latin-600.woff2') format('woff2'),
       url('assets/fonts/prompt-v10-latin-600.ttf') format('truetype');
}
@font-face {
  font-display: swap; 
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/prompt-v10-latin-700.woff2') format('woff2'), 
       url('assets/fonts/prompt-v10-latin-700.ttf') format('truetype'); 
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/montserrat-v26-latin-300.woff2') format('woff2'),
       url('assets/fonts/montserrat-v26-latin-300.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/montserrat-v26-latin-regular.woff2') format('woff2'), 
       url('assets/fonts/montserrat-v26-latin-regular.ttf') format('truetype');
}
@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/montserrat-v26-latin-500.woff2') format('woff2'), 
       url('assets/fonts/montserrat-v26-latin-500.ttf') format('truetype'); 
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/montserrat-v26-latin-600.woff2') format('woff2'),
       url('assets/fonts/montserrat-v26-latin-600.ttf') format('truetype');
}
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/montserrat-v26-latin-700.woff2') format('woff2'),
       url('assets/fonts/montserrat-v26-latin-700.ttf') format('truetype');
}

/*== CUSTOM RESET ==*/
:root {
	font-size: 10px;
	--primary-color:  #d71964;
	--secondary-color:  #dcb446;
	--highlight-color:  #8232b4;
	--special-color:  #19a0d2;
	--text-color: #292929;
	--light-grey:  #828282;
	--link-color:  #d71964;
	--white:  #fff;
	--font-heading:  'Prompt', serif;
	--font-content:  'Montserrat', serif;
}
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */}
body, div, section, nav, menu, header, footer, article, ul, ol, li, p, h1, h2, h3, h4, h5, h6, fieldset, form, button, input, textarea, span  { box-sizing: border-box; }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
menu { padding: 0; margin: 0; }
a, button, input[type="button"], input[type="reset"], input[type="submit"] { transition: all .3s ease-in-out; }
a:hover, a:focus, a:active { color: inherit; outline: unset; text-decoration: inherit; }
b, strong {font-weight: bold;}
small {font-size: 80%;}
big {font-size: 125%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img { border-style: none; max-width: 100%; height: auto;}
address { font-style: normal;}
button, input, optgroup, select, textarea { font-family: inherit;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:focus, input:focus, select:focus, textarea:focus {outline: none;}
fieldset { padding: 0; border: none; }
textarea {overflow: auto;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
embed, iframe, object { max-width: 100%; }
img { height: auto; max-width: 100%; }
body {
	margin: 0;
	padding: 0;
	color: var(--text-color);
	font-size: 1.5rem;
	font-weight: 400;
	font-family: var(--font-content);
	line-height: 1.7;
	letter-spacing: 0px;
	background: #fff;
}
h1, h2, h3, h4, h5, h6 { 
  color: inherit;
  font-weight: 600;
  margin: 0 0 0.4em;
  padding: 0;
  font-family: var(--font-heading);
  letter-spacing: 0.05em;
  line-height: 1.2;
}
h1 { font-size: 7.2rem; }
h2 { font-size: 5.4rem; }
h3 { font-size: 4.8rem; }
h4 { font-size: 2.4rem; }
h5 { font-size: 2.1rem; }
h6 { font-size: 1.8rem; }
p { color: inherit; font-size: inherit; line-height: inherit; margin: 0; margin: 0 0 2em; }
a { color: var(--link-color); text-decoration: none; }
a:hover, a:active { color: var(--highlight-color); }
a:focus { color: var(--link-color); text-decoration: underline; text-decoration-style: dotted; }
code { background: var(--text-color); padding: 20px; display: block; margin: 2rem 0; }

/*== WordPress Defaults ==*/
.screen-reader-text, .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.sticky { display: block; }
.updated:not(.published) { display: none; }
.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }
.page-links { clear: both; margin: 0 0 1.5em; }
.comment-content a { word-wrap: break-word; }
.bypostauthor { display: block; }
.widget { margin: 0 0 1.5em; }
.widget select { max-width: 100%; }
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
.wp-caption-text { text-align: center; }
.gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; }
.gallery-item { display: inline-block; text-align: center; width: 100%; }
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }
.gallery-columns-6 { grid-template-columns: repeat(6, 1fr); }
.gallery-columns-7 { grid-template-columns: repeat(7, 1fr); }
.gallery-columns-8 { grid-template-columns: repeat(8, 1fr); }
.gallery-columns-9 { grid-template-columns: repeat(9, 1fr); }
.gallery-caption { display: block; }
.alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/	margin-right: 1.5em; margin-bottom: 1.5em; }
.alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; }
img.wp-smiley, img.emoji { display: inline; border: none; box-shadow: none; height: 1em; width: 1em; margin: 0 .07em; vertical-align: -0.1em; background: none; padding: 0;}

/*== Slick Carousel ==*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus { outline: none; }
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track::before, .slick-track::after { display: table; content: '';}
.slick-track::after{ clear: both;}
.slick-loading .slick-track { visibility: hidden; }
.slick-slide{ display: none;float: left;height: 100%;min-height: 1px; outline: none;}
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img{ display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-track { display: flex; }
.slick-slide { height: inherit; }
.slick-slide > div { height: 100%; }
.slick-dots { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; }
.slick-dots > li > button { background: #fff; width: 10px; height: 10px; border-radius: 50%; border: none; padding: 0; margin: 0 3px; text-indent: -9999px; }
.slick-dots > li.slick-active > button { background-color: #f00; }
.slick-dots > li:first-child:last-child { display: none; }
.slick-arrow { border: none; padding: 0; width: 40px; height: 30px; position: absolute; z-index: 50; top: 50%; transform: translateY(-50%); text-indent: -9999px; }
.slick-prev { left: -30px; }
.slick-next { right: -30px; }

/*== BASIC LAYOUT == */
#global { overflow-x: hidden; width: 100%; }
#primary { padding: 134px 0 0; }
.container { width: 100%; max-width: 1340px; margin: 0 auto; padding: 0 20px; }
.container::after, .clearfix::after { content: ""; display: table; clear: both; }
.clearfix { clear: both; }
.sec-wide { padding: 100px 0; }
#sec-error { min-height: calc(100vh - 100px); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.8rem; }
.error-title { margin: 0 0 0.5em; }
.error-title strong { font-size: 20rem; display: block; }
.fs-big { font-size: 1.1em; }
.fw-m { font-weight: 500; }
.link-btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: var(--highlight-color);
	height: 55px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	border: none;
	color: #fff;
	position: relative;
	z-index: 0;
}
.link-btn.btn-mini {
	height: 35px;
	font-size: 11px;
}
.link-btn.theme-primary {
	background-color: var(--primary-color);
}
.link-btn:hover {
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.link-btn:focus, .link-btn:active {
	color: #fff;
}
.link-btn::before, .link-btn::after {
	content: '';
	display: inline-block;
	position: absolute;
	z-index: 0;
	width: 0%;
	height: 50%;
	transition: all .3s ease-in-out;
	background-color: var(--primary-color);
}
.link-btn.theme-primary::before, .link-btn.theme-primary::after {
	background-color: var(--highlight-color);
}
.link-btn::before {
	left: 0;
	top: 0;
	transition: all .5s ease-in-out;
}
.link-btn:hover::before {
	width: 100%;
}
.link-btn::after {
	right: 0;
	bottom: 0;
	transition: all .3s ease-in-out;
}
.link-btn:hover::after {
	width: 100%;
}
.link-btn > span {
	position: relative;
	z-index: 2;
	padding: 0 25px;
	display: inline-flex;
	align-items: center;
}
.link-btn.btn-mini > span {
	padding: 0 15px;
}
.link-btn.more {
	padding: 0 55px 0 0;
}
.link-btn.btn-mini.more {
	padding: 0 35px 0 0;
}
.link-btn.more > span {
	line-height: 26px;
	display: inline-flex;
	align-items: center;
	border-right: 1px solid #fff;
}
.link-btn.btn-mini.more > span {
	line-height: 16px;
}
.link-btn.more > span::after {
	 content: '\00bb';
	 display: inline-flex;
	 justify-content: center;
	 align-items: center;
	 font-size: 2.1rem;
	 width: 55px;
	 height: 100%;
	 position: absolute;
	 z-index: 0;
	 right: -55px;
	 top: -1.5px;
}
.link-btn.btn-mini.more > span::after {
	width: 30px;
	right: -33px;
	font-size: 1.8rem;
}
.tc-default { color: var(--text-color); }
.tc-primary { color: var(--primary-color); }
.tc-secondary { color: var(--secondary-color); }
.tc-highlight { color: var(--highlight-color); }
.tc-special { color: var(--special-color); }
.row { margin: 0 -15px; }
.row > * { padding-right: 15px; padding-left: 15px; }

/*== HEADER ==*/
#masthead {
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	transition: all .3s ease-in-out;
	padding: 0 0;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
body.admin-bar #masthead { top: 32px; }
.sticky #masthead { 
	padding: 0;
	background-color: rgba(255, 255, 255, 0.96);
}
.hmain {
	display: flex;
	justify-content: space-between;
	transition: all .3s ease-in-out;
}
.sticky .hmain { padding: 8px 20px; }
.container.hmain::after { display: none; }
.brand {
	display: flex;
	align-items: center;
	width: 330px;
	max-width: 450px;
	flex-shrink: 0;
	transition: all .3s ease-in-out;
	padding: 20px 0;
}
.brand img { width: 100%; }
.sticky .brand { width: 200px; padding: 0; }
.hside {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	position: relative;
	z-index: 0;
	padding-top: 36px;
	flex-grow: 1;
}
.sticky .hside { padding: 0; }
.htop {
	background: var(--highlight-color);
	color: var(--white);
	font-size: 1.2rem;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	padding: 6px 20px 6px 0px;
	display: flex;
	align-items: center;
	transition: all .3s ease-in-out;
	height: 36px;
}
.sticky .htop { opacity: 0; display: none; }
.htop::before {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	width: 50px;
	height: 100%;
	top: 0;
	left: -25px;
	background-color: var(--highlight-color);
	transform: skew(45deg);
}
.htop::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	left: 100%;
	top: 0;
	width: 50vw;
	height: 100%;
	background-color: var(--highlight-color);
}
.htop p, .htop address { margin: 0; }
.htop a { color: inherit; }
.hic-loc {
	background: url('assets/images/ic-loc.svg') left center / auto 20px no-repeat;
	padding: 0 20px 0 23px;
}
.hic-email {
	background: url('assets/images/ic-email.svg') left center / auto 18px no-repeat;
	padding: 0 20px 0 23px;
}
.hic-phone {
	background: url('assets/images/ic-phone.svg') left center / auto 18px no-repeat;
	padding: 0 0 0 20px;
}
.htop a:hover { color: var(--secondary-color); }
#navmain {
	padding: 20px 0 20px;
	transition: all .3s ease-in-out;
	flex-grow: 1;
	display: flex;
	align-items: center;
}
.sticky #navmain {
	padding: 0;
}
#nav-toggle {
  display: none;
  width: 40px;
  height: 40px;
  background: url('assets/images/ic-menu.svg') center / 36px auto no-repeat;
  text-indent: -9999px;
  border: none;
}
#navul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 1.5rem;
	font-weight: 500;
}
.sticky #navul { font-size: 1.4rem; }
#navul > li {
	padding: 0 0 0 40px;
	position: relative;
	z-index: 0;
}
#navul > li > a { 
	display: inline-flex; 
	padding: 10px 0; 
	position: relative;
	z-index: 0;
	color: var(--text-color);
}
#navul > li:hover > a, 
#navul > li.current-menu-parent > a,
#navul > li.current-menu-item > a 
{
	color: var(--primary-color);
}
#navul > li > a::after {
	content: '';
	display: block;
	width: 0%;
	height: 3px;
	background: var(--primary-color);
	transition: all .4s ease-in-out;
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
}
#navul > li:hover > a::after, 
#navul > li.current-menu-parent > a::after,
#navul > li.current-menu-item > a::after 
{
	width: 100%;
}
#navul > li.hbtn > a {
	background-color: var(--primary-color);
	color: var(--white);
	border: none;
	padding: 7px 20px;
}
#navul > li.hbtn > a::after { display: none; }
#navul > li.hbtn > a:hover {
	background-color: var(--special-color);
}
#navul > li > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 2;.
	left: 0;
	top: 100%;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in-out;
}
#navul > li:hover > ul {
	visibility: visible;
	opacity: 1;
}
#navul > li > ul > li {
	position: relative;
	z-index: 2;
}
#navul > li > ul > li > a {
	display: inline-flex;
	padding: 5px 15px;
	min-width: 200px;
	white-space: normal;
}
#navul > li > ul > li:hover > a {
	color: blue;
}
#navul > li > ul > li > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in-out;
	position: absolute;
	left: 100%;
	top: 0;
}
#navul > li > ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
}
#navul > li > ul > li > ul > li > a {
	display: inline-flex;
	padding: 4px 10px;
}
#navul > li > ul > li > ul > li:hover > a {
	color: blue;
}
.mob-action { display: none; }

/*== FOOTER ==*/
#colophon {
  background: #4d0b84;
  color: var(--white);
  font-size: 1.2rem;
}
.fmain {
	padding: 70px 20px 50px;
}
.fmain a { color: #fff; }
.fmain a:hover {
	color: var(--secondary-color);
}
.fdescp p { margin-top: 0; }
.fdescp img {
	max-width: 165px;
}
.ftitle { font-size: 1.7rem; }
.fcredits {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	padding: 20px 0;
}
.fcredits .container {
	display: flex;
	justify-content: space-between;
}
.fcredits .container::after { display: none; }
.copyright { font-size: 0.9em; }
.developer { font-size: 0.9em; }
.developer a { color: var(--secondary-color)!important; }
.fmenus {
	display: flex;
}
.ftitle {
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 15px;
	text-transform: uppercase;
}
.fmenu {
	flex: 0 0 auto;
	width: 50%;
	padding: 0 30px 15px 0;
}
.fmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.fmenu ul > li {
	padding: 0 0 10px;
}
.ic-ftel {
	color: var(--secondary-color)!important;
	font-size: 2.4rem;
	padding: 0 0 0 40px;
	background: url('assets/images/ic-tel-sup.svg') left center / auto 35px no-repeat;
	min-height: 35px;
	display: inline-flex;
	align-items: center;
	font-weight: 500;
}
.ic-ftel:hover {
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.fsocial {
	display: flex;
	align-items: center;
}
.fsocial a {
	display: inline-flex;
	width: 30px;
	height: 30px;
	margin: 0 5px 0 0;
	border-radius: 50%;
}
.fsocial a:hover {
	background-color: var(--secondary-color);
}
.ic-fb {

	background: url('assets/images/ic-fb.svg') center / auto 20px no-repeat;
}
.ic-xp {
	background: url('assets/images/ic-xp.svg') center / auto 18px no-repeat;
}
.ic-yt {
	background: url('assets/images/ic-yt.svg') center / auto 20px no-repeat;
}
.ic-ig {
	background: url('assets/images/ic-ig.svg') center / auto 20px no-repeat;
}
.ic-pi {
	background: url('assets/images/ic-pi.svg') center / auto 20px no-repeat;
}

/* == HOME PAGE == */
#banner {
	position: relative;
	z-index: 5;
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bnr-slider {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.bnr-slider .slick-list {
	height: 100%;
}
.bnr-slider .slick-track {
	height: inherit;
}
.bnr-slider .slick-slide > div {
	height: 100%;
}
.bslider-item {
	background: center / cover no-repeat;
	height: inherit;
}
.bnr-slider .slick-arrow {
	width: 40px;
	height: 100px;
	opacity: 0.3;
}
.bnr-slider .slick-arrow:hover {
	opacity: 1;
}
.bnr-slider .slick-prev {
	left: 20px;
	background: url('assets/images/ic-prev-w.svg') center / auto 100% no-repeat;
}
.bnr-slider .slick-next {
	right: 20px;
	background: url('assets/images/ic-next-w.svg') center / auto 100% no-repeat;
}
.bnr-slider .bslider-item {
	transform: scale(1.25, 1.25);
	transition: all .6s ease-in-out;
}
.bnr-slider .slick-active .bslider-item {
	transform: scale(1, 1);
}
.bslide-text {
	position: relative;
	z-index: 5;
}
.bnr-content {
	max-width: 690px;
	color: #fff;
	font-size: 1.6rem;
}
.bnr-content h1, .bnr-content h2 {
	font-size: 6rem;
	font-weight: 700;
}
.bnr-content ul {
	list-style: none;
	padding: 0;
	margin: 0 -15px;
	display: flex;
	flex-wrap: wrap;
	max-width: 500px;
}
.bnr-content ul > li {
	flex:  0 0 auto;
	width: 50%;
	padding: 5px 15px 5px 45px;
	background: url('assets/images/ic-check.svg') left 15px top 9.5px / 20px auto no-repeat;
}
#about {
	position: relative;
	z-index: 5;
}
.block-text {
	max-width: 730px;
	position: relative;
	z-index: 0;
}
#about .block-text::after {
	content: '';
	display: none;
	position: absolute;
	z-index: 0;
	top: 40px;
	right: -90px;
	width: 105px;
	height: 105px;
	background: url('assets/images/ic-chicken.svg') right top / 100% auto no-repeat;
}
.icn-chicken {
	width: 75%;
}
.block-text h1, .block-text h2, .block-text h3, .block-title {
	font-size: 5.4rem;
}
.block-text ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.block-text ul > li {
	padding: 5px 15px 5px 30px;
	background: url('assets/images/ic-check.svg') left 0 top 8px / 20px auto no-repeat;
}
.title-label {
	font-size: 1.7rem!important;
	font-weight: 500;
	display: block;
	text-transform: uppercase;
	padding: 0 0 10px;
	font-family: var(--font-content);
}
.block-action {
	display: flex;
	justify-content: flex-start;
	padding: 20px 0 0;
}
.click-call {
	margin: 0 0 0 27px;
	position: relative;
	z-index: 0;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 0;
	padding: 0 0 0 65px;
	text-transform: uppercase;
	color: var(--light-grey);
	font-size: 1.2rem;
}
.click-call::before {
	content: '';
	display: inline-block;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: #f6f2ec url('assets/images/ic-call.svg') center / 25px auto no-repeat;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	transition: all .3s ease-in-out;
}
.click-call strong {
	color: var(--text-color);
	font-size: 1.4rem;
	transition: all .3s ease-in-out;
}
.click-call:hover::before { background-color: var(--secondary-color); }
.click-call:hover {
	color: var(--highlight-color);
}
.click-call:hover strong {
	color: var(--primary-color);
}
.form-col {
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
}
.lead-form {
	width: 100%;
	max-width: 500px;
	background: #eceade;
	border-top: 5px solid var(--primary-color);
	padding: 40px;
	margin-top: -300px;
}
.ic-wap {
	display: inline-block;
	background: url('assets/images/ic-wap.svg') left center / 20px auto no-repeat;
	padding: 0 5px 0 23px;
	color: #08ae46;
	font-weight: 500;
}
.ic-wap:hover {
	color: var(--primary-color);
}
.box-title {
	font-size: 3.2rem;
	color: var(--highlight-color);
	text-transform: uppercase;
}
.lf-field {
	padding: 0 0 15px;
	width: 100%;
}
.lf-field label {
	font-weight: 500;
	display: block;
}
.lf-txt {
	width: 100%;
	height: 45px;
	padding: 0 15px;
	border: 1px solid #b9af98;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
}
textarea.lf-txt {
	height: 130px;
	padding: 15px 15px;
}
.btn-sbtn {
	width: 100%;
	height: 55px;
	background: var(--primary-color);
	color: #fff;
	border: none;
	padding: 0 20px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
	border-radius: 5px;
	transition: all .3s ease-in-out;
}
.btn-sbtn:hover {
	background-color: var(--special-color);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.bg-pattern {
	background: url('assets/images/pattern.png') center / cover no-repeat;
}
.sec-title {
	text-align: center;
	font-size: 4.8rem;
	margin: 0 0 0.75em;
}
.row-products {
	padding: 20px 0 0;
}
.circ-box {
	max-width: 275px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.page-template-products .circ-box {
	margin-bottom: 30px;
}
.gird-thumb {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: center / cover no-repeat;
	margin: 0 auto 40px;
	position: relative;
	z-index: 0;
}
.page-template-products .gird-thumb {
	margin-bottom: 10px;
}
.gird-thumb::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px solid #fff;
	left: 15px;
	top: 15px;
	border-radius: 50%;
}
.circ-title {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--highlight-color);
}
.prod-thumb {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 40px;
}
.pimg-box {
	position: relative;
	z-index: 0;
	width: 100%;
	padding-top: 66.6666%;
	height: 0;
	background: center / cover no-repeat;
	border-radius: 10px;
	display: block;
}
.pimg-box::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	left: 10px;
	top: 10px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 6px;
}
.sec-action {
	display: flex;
	justify-content: center;
	padding: 40px 0 10px;
	margin: 0;
}
.pimg-title {
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--highlight-color);
	text-align: center;
}
.frame {
	position: relative;
	z-index: 0;
	background: center / cover no-repeat;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: calc(56.25vw - 15px);
}
.frame::before, .frame::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.frame::before {
	width: calc(100% - 100px);
	height: calc(100% - 100px);
	left: 60px;
	top: 60px;
}
.frame::after {
	width: calc(100% - 140px);
	height: calc(100% - 140px);
	left: 80px;
	top: 80px;
}
.frame-wrap {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	overflow: hidden;
	padding-top: 56.25%;
	width: 100%;
	height: 0;
}
.frame-wrap iframe {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.frame-content {
	position: relative;
	z-index: 50;
	color: #fff;
}
.frame-text {
	max-width: 540px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.frame-text h1, .frame-text h2, .frame-text h3, .frame-text h4 {
	font-size: 6rem;
	text-transform: uppercase;
	line-height: 1.4;
}
.sec-intro {
	max-width: 900px;
	margin: 0 auto 40px;
	text-align: center;
	font-size: 1.8rem;
}
.row-spt {
	padding: 40px 0 0;
}
.row-spt .col-md-6 {
	padding-bottom: 100px;
}
.text-block {
	border-left: 6px solid var(--primary-color);
	padding: 0 0 0 25px;
	height: 100%;
}
.text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5 {
	font-size: 2.4rem;
	font-family: var(--font-content);
}
.text-block p { margin: 0; }
.row-spt .col-md-6:nth-child(2) .text-block {
	border-color: var(--secondary-color);
}
.row-spt .col-md-6:nth-child(3) .text-block {
	border-color: var(--special-color);
}
.row-spt .col-md-6:nth-child(4) .text-block {
	border-color: var(--highlight-color);
}
.sec-gallery {
	position: relative;
	z-index: 0;
	background-color: var(--text-color);
	max-width: 100%;
	overflow: hidden;
}
.sec-gallery::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--secondary-color);
}
.sec-gallery .container {
	position: relative;
	z-index: 5;
}
.sec-gallery .gallery-slider {
	position: relative;
	z-index: 6;
	padding-bottom: 30px;
}
.sec-gallery .block-text {
	max-width: 430px;
	font-weight: 500;
}
.gallery-block {
	margin: 0 -300px 0 -180px;
	overflow: hidden;
}
.gallery-block img {
	border-radius: 25px 0 0 25px;
}
.testmonials-wrapper {
	margin: 0 -25px;
}
.testimonial-slider {
	width: auto;
	padding: 40px 0 0;
}
.testm-card {
	background: #f6f2ec url('assets/images/ic-quote.svg') right 20px top 20px / 46px auto no-repeat;
	height: 100%;
	padding: 30px 50px;
	font-size: 1.3rem;
}
.testimonial-slider .slick-slide {
	margin: 0 25px;
}
.testimonial-slider .slick-arrow {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: rgba(242, 228, 208, 0.6) center / 30px auto no-repeat;
	top: -30px;
	transform: none;
	right: 20px;
	left: auto;
	transition: all .3s ease-in-out;
}
.testimonial-slider .slick-arrow.slick-prev {
	right: 80px;
	background-image: url('assets/images/ic-prev.svg') ;
}
.testimonial-slider .slick-arrow.slick-next {
	right: 20px;
	background-image: url('assets/images/ic-next.svg');
}
.testimonial-slider .slick-arrow:hover {
	background-color: rgba(242, 228, 208, 1);
}
.testimonial-slider .slick-arrow::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border-radius: 50%;
	opacity: 0;
	transition: all .3s ease-in-out;
	border: 1px solid var(--secondary-color);
}
.testimonial-slider .slick-arrow:hover::before {
	opacity: 1;
	left: 5px;
	top: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
}
.saidby {
	border-bottom: 1px solid var(--light-grey);
	padding: 0 0 20px;
	margin: 0 0 20px;
	color: var(--light-grey);
	font-style: italic;
}
.saidby strong { 
	color: var(--highlight-color); 
	font-style: normal;
	font-size: 1.6rem;
}
.rating {
	display: inline-block;
	width: 110px;
	height: 22px;
	background: url('assets/images/ic-star.svg') left top / auto 22px repeat-x;
	text-indent: -999999px;
	margin: 0 0 10px;
}
.quote-txt {
	margin: 0;
}
.quote-txt p:last-child { margin: 0; }
.post-card {
	width: 100%;
	max-width: 410px;
	font-size: 1.3rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.post-thumb {
	width: 100%;
	height: 0;
	padding-top: 60%;
	background: center / cover no-repeat;
	margin: 0 0 25px;
}
.post-card-title {
	font-size: 2.1rem;
	font-weight: 700;
	font-family: var(--font-content);
}
.post-meta {
	font-size: 0.9em;
	color: var(--light-grey);
	margin: 0 0 10px;
}
.modal-form {
	padding: 10px 20px 0;
	font-size: 1.4rem;
}
.modal .modal-title {
	margin: 0;
	color: var(--highlight-color);
	font-size: 3rem;
	text-transform: uppercase;
}
.modal .modal-header {
	padding: 10px 30px;
}
.modal-form .btn-sbtn {
	max-width: 50%;
}
.form-contact {
	background: #eceade;
	padding: 40px 50px;
}
.cic-social a {
	background-color: var(--highlight-color);
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}
.cic-social a:hover {
	background-color: var(--primary-color);
}
.modal textarea.lf-txt { height: 160px; }
.qform-descp { font-size: 1.6rem; }
.contact-text {
	max-width: 540px;
}
.contact-list {
	list-style: none;
	padding: 30px 0 30px;
	margin: 0;
	font-weight: 400;
	font-size: 1.6rem;
}
.contact-list li {
	padding-left: 90px;
	min-height: 75px;
	margin: 0 0 30px;
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.contact-list li::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 4px;
	width: 75px;
	height: 75px;
	background-color: var(--primary-color);
}
.cic-address::before {
	background: url('assets/images/ic-loc.svg') center / 30px auto no-repeat;
}
.cic-phone::before {
	background: url('assets/images/ic-phone.svg') center / 30px auto no-repeat;
}
.cic-email::before {
	background: url('assets/images/ic-email.svg') center / 30px auto no-repeat;
}
.contact-list a { color: inherit; }
.contact-list a:hover { color: var(--primary-color); }
.cic-phone, .cic-email { font-weight: 600; }
.tbold {
	padding: 0 0 10px;
}
.cic-social .ic-fb { background-size: 22px auto; }
.sec-ibnr {
	padding: 70px 0;
	background: center / cover no-repeat;
}
.ibnr-content {
	font-size: 2rem;
	font-weight: 400;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	color: #fff;
}
.ibnr-content p:last-child { padding: 0; }
.form-title { 
	font-size: 3.6rem; 
	color: var(--highlight-color); 
	text-transform: uppercase;
}
.page-title {
	text-transform: uppercase;
	color: var(--primary-color);
	text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
	margin-bottom: 0.1em;
}
.modal-form {
	padding: 30px 20px 30px;
	max-width: 680px;
	margin: 0 auto;
}
.abt-txt {
	max-width: 625px;
}
.row-team > .col-md-3 {
	width: 14.28%;
}
.team-card {
	width: 100%;
	max-width: 360px;
	margin: 0 auto 40px;
}
.team-dp {
	width: 100%;
	height: 0;
	padding-top: 120%;
	background: #ddd center top / cover no-repeat;
}
.team-details {
	padding: 20px 0 0;
	text-align: center;
	font-size: 1.4;
}
.team-details strong {
	font-size: 1.4rem;
	display: block;
	font-weight: 500;
}
.team-details strong > span { color: var(--primary-color); font-weight: 700; font-size: 1.3em; }
.sec-mission .row-spt { padding-top: 0; }
.gallery-thumb {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1/0.7;
	overflow: hidden;
	object-fit: cover;
	margin-bottom: 30px;
}
.gallery-thumb img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.gallery-itle { 
	font-size: 3rem; 
	color: var(--primary-color);
	text-transform: uppercase;
	border-bottom: 1px solid #eceade;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.gallery-wrap {
	margin-bottom: 6rem;
	border-bottom: 1px solid #eceade;
}
.bg-grey { background-color: #eceade; }
.page-template-about #testimonials { padding-top: 0; }
.entry-title { 
	font-size: 4.8rem; 
	color: var(--primary-color);
}
.post-thumbnail img { width: 100%; }
.sidebar .widget {
	margin: 0 0 25px;
	background: #eceade;
	padding: 20px;
}
.widget .wp-block-heading { 
	font-size: 2.4rem; 
	color: var(--highlight-color);
	text-transform: uppercase;
	font-weight: 500;
}
.sidebar .widget ul {
	list-style: disc;
	padding: 0 0 0 25px;
}
.sidebar .widget ul a {
	color: var(--text-color);
}
.widget_search form {
	position: relative;
	z-index: 0;
}
.widget_search label {
	display: block;
	font-size: 2.4rem;
	color: var(--highlight-color);
	text-transform: uppercase;
	font-weight: 500;
} 
.widget_search input[type="search"] {
	width: 100%;
  height: 45px;
  padding: 0 50px 0 15px;
  border: 1px solid #b9af98;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}
.widget_search button[type="submit"] {
	width: 45px;
	height: 45px;
	background: var(--primary-color) url('assets/images/ic-search.svg') center / 30px auto no-repeat;
	border-radius: 0 5px 5px 0;
	position: absolute;
	z-index: 5;
	right: -1px;
	bottom: 0;
	text-indent: -99999px;
}
.widget_search button[type="submit"]:hover {
	background-color: var(--highlight-color);
}
.sec-map { overflow: hidden; }
.sec-map iframe {
	width: 100%;
	float: left;
}
.row-brands {
	padding-top: 70px;
	text-align: center;
}
.form-message {
    margin-top: 15px;
    display: none;
}
.form-message p { padding: 0; margin: 0;}
.form-message.success {
    background: #e6ffed;
    border-left: 5px solid #4CAF50;
    padding: 10px;
    color: #2e7d32;
}
.form-message.error {
    background: #ffe6e6;
    border-left: 5px solid #f44336;
    padding: 10px;
    color: #c62828;
}
/* ==RESPONSIVE== */
@media only screen and (max-width: 1800px) {
	:root { font-size: 9px; }
	h1, h2, h3, h4, h5, h6 { line-height: 1.1; margin: 0 0 0.35em; }
	.brand { width: 280px; padding: 15px 0; }
	#primary { padding: 117px 0 0; }
	#banner { min-height: 560px; }
	.bnr-content { max-width: 610px; }
	.bnr-content h1, .bnr-content h2 { font-size: 6.4rem; }
	.bnr-slider .slick-arrow { width: 28px; height: 65px; }
	.bnr-slider .slick-prev { left: 5px; }
	.bnr-slider .slick-next { right: 5px; }
	.sec-wide { padding: 90px 0; }
	.block-action { padding: 10px 0 0; }
	.row-spt { padding: 0; }
	.row-spt .col-md-6 { padding: 50px 15px; }
	.gallery-block { margin: 0 -180px 0 -150px; }
	.testm-card, .post-card { font-size: 1.4rem; }
	.block-text { max-width: 650px; }
	.lead-form { max-width: 450px; }
	.link-btn { height: 45px; }
	.link-btn.more { padding-right: 45px; }
	.link-btn > span { padding: 0 20px; }
	.link-btn.more > span { line-height: 18px; }
	.link-btn.more > span::after { width: 45px; right: -45px; }
	.click-call { padding: 0 0 0 55px; }
	.click-call::before { width: 45px; height: 45px; }
	.frame-text { margin-left: 70px; }

}

@media only screen and (max-width: 1380px) {
	:root { font-size: 8px; }
	.container { padding-left: 40px; padding-right: 40px; }
	.sticky .hmain { padding: 8px 40px; }
	.brand { width: 250px; padding: 10px 0; }
	.htop { padding: 3px 20px 3px 0px; font-size: 1.3rem; }
	.sticky #navul { font-size: 1.5rem; }
	#navmain { padding: 10px 0 10px; }
	#navul { font-size: 1.6rem; }
	#navul > li { padding: 0 0 0 30px; }
	#primary { padding: 97px 0 0; }
	#banner { min-height: 400px; }
	.bnr-content { max-width: 520px; }
	.bnr-slider .slick-arrow { width: 20px; height: 48px; }
	.lead-form { padding: 30px 30px 20px; margin-top: -200px; }
	.lf-txt { height: 40px; }
	.btn-sbtn { height: 45px; }
	.sec-wide { padding: 70px 0; }
	.gird-thumb { width: 200px; height: 200px; }
	.sec-action { padding: 30px 0 0; }
	.block-text { max-width: 600px; }
	.testmonials-wrapper { margin: 0 -10px; }
	.testimonial-slider .slick-slide { margin: 0 10px; }
	.lead-form { max-width: 400px; }
	#colophon { font-size: 1.3rem; }
	.fmain { padding: 50px 40px 20px; }
	.fcredits { padding: 15px 0; }
	.copyright, .developer { font-size: 1.2rem; }
	.frame-text { max-width: 440px; }
	.row-spt .col-md-6 { padding: 30px 15px; }
	.gallery-block { margin: 0 -80px 0 -80px; }
	.sec-gallery .block-text { max-width: calc(100% - 60px); }
	.bnr-content h1, .bnr-content h2 { font-size: 5.8rem; }
	.block-text h1, .block-text h2, .block-text h3, .block-title { font-size: 5rem; }
	.sec-title { font-size: 5rem; }
	#articles { padding-top: 0; }
	.form-contact { padding: 30px 30px; }
}
@media only screen and (max-width: 1200px) {
	#navul > li { padding: 0 0 0 25px; }
	.htop { padding: 3px 0 3px 0px; }
	.hic-loc { padding: 0 10px 0 23px; }
	.hic-email { padding: 0 10px 0 23px; }
}

@media only screen and (max-width: 991px) {
	:root { font-size: 7px; }
	body { font-size: 1.8rem; }
	.container { padding-left: 20px; padding-right: 20px; }
	.htop { display: none; }
	#masthead, .sticky #masthead { padding: 7px 0; }
	.sticky .hmain { padding: 0 20px; }
	.brand, .sticky .brand {width: 180px; padding: 0;}
	.hside { position: static; padding: 0; justify-content: center; }
	.sticky .hside { margin-top: 0; }
	#primary { padding: 65px 0 0; }
	#nav-toggle { display: block; }
	#navmain { 
		display: block;
		position: absolute;
		z-index: 5;
		top: 59px;
		right: -100%;
		width: 100%;
		max-width: 400px;
		min-height: calc(100vh - 59px);
		background: #fff;	
		border-top: 3px solid var(--primary-color);
		padding: 10px 0 20px;
		visibility: hidden;
		visibility: visible;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	}
	.sticky #navmain {
		padding: 10px 0 20px;
	}
	#navmain.active {
		right: 0;
	}
	#navul {
		flex-direction: column;
		font-size: 1.7rem;
		align-items: stretch;
	}
	.sticky #navul { font-size: 1.7rem; }
	#navul > li { padding: 5px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
	#navul > li#menu-item-40 { border: none; padding: 20px 20px 0; }
	#navul > li.current-menu-item { background-color: var(--secondary-color); }
	#navul > li > a { display: flex; padding: 5px 0; }
	#navul > li.current-menu-item > a {color: #fff;}
	#navul > li > a::after { display: none; }
	.bnr-slider .slick-arrow { visibility: hidden; }
	.sec-wide { padding: 50px 0; }
	#banner { min-height: unset; padding: 40px 0 80px; }
	.bnr-content { max-width: 450px; font-size: 1.8rem; }
	.lead-form { margin-top: -120px; padding: 25px 20px 10px; }
	.block-text h1, .block-text h2, .block-text h3, .block-title { font-size: 4.8rem; }
	.gird-thumb { margin: 0 auto 30px; }
	.row { margin: 0 -10px; }
	.row > * { padding-right: 10px; padding-left: 10px; }
	.link-btn { height: 40px; font-size: 1.4rem; }
	.link-btn.more { padding-right: 40px; }
	.link-btn > span { padding: 0 15px; }
	.link-btn.more > span { line-height: 14px; }
	.link-btn.more > span::after { width: 40px; right: -40px; }
	.click-call { padding: 0 0 0 50px; margin: 0 0 0 20px; }
	.click-call::before { width: 40px; height: 40px; }
	.frame-text { margin-left: 40px; }
	.frame-text h1, .frame-text h2, .frame-text h3, .frame-text h4 { font-size: 4.8rem; }
	.frame::before {
		width: calc(100% - 40px);
		height: calc(100% - 40px);
		left: 20px;
		top: 20px;
	}
	.frame::after {
		width: calc(100% - 60px);
		height: calc(100% - 60px);
		left: 30px;
		top: 30px;
	}
	.sec-gallery .block-text { max-width: 100%; padding: 0 0 40px 0; }
	.sec-gallery::before { width: 100%;	}
	.gallery-block { margin: 0; }
	.gallery-block img { border-radius: 20px; }
	.testimonial-slider .slick-arrow { width: 40px; height: 40px; background-size: 20px auto; top: -10px; }
	.testimonial-slider .slick-arrow.slick-next { right: 10px; }
	.testimonial-slider .slick-arrow.slick-prev {right: 60px;}
	.testm-card { padding: 25px 30px; background-size: 36px auto; }
	.testm-card, .post-card { font-size: 1.5rem; font-weight: 500; }
	.post-card { max-width: 100%; flex-direction: row; padding-bottom: 30px; }
	.post-thumb { width: 40%; max-width: 360px; padding-top: 25%; flex-shrink: 0; }
	.post-details { padding: 0 0 0 20px; }
	.post-card-title { font-size: 2.4rem; }
	.post-meta { font-size: 1em; }
	.link-btn.btn-mini { font-size: 9px; height: 30px; }
	.link-btn.btn-mini.more { padding-right: 25px; }
	.link-btn.btn-mini > span { padding: 0 10px; }
	.link-btn.btn-mini.more > span::after { width: 25px; right: -25px; }
	.mob-action {
		display: flex;
		align-items: center;
		position: fixed;
		z-index: 1001;
		bottom: 0;
		width: 100%;
		left: 0;
		background-color: var(--primary-color);
		color: #fff;
		padding: 0;
		margin: 0;
		border-top: 2px solid var(--secondary-color);
	}
	.mob-action > li {
		width: 50%;
		flex: 0 0 auto;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		border-right: 1px solid rgba(255, 255, 255, 0.5);
		transition: all .3s ease-in-out;
	}
	.mob-action > li:last-child { border: none; background-color: var(--highlight-color); }
	.mob-action > li:hover {
		background-color: var(--special-color)!important;
	}
	.mob-action > li > a {
		color: #fff;
		display: inline-flex;
		align-items: center;
		height: 50px;
		width: 120px;
	}
	.mic-phone {
		background: url('assets/images/ic-phonee-y.svg') left center / 30px auto no-repeat;
		padding: 0 0 0 35px;
	}
	.mic-wap {
		background: url('assets/images/ic-wap.svg') left center / 30px auto no-repeat;
		padding: 0 0 0 35px;
	}
	#colophon { padding-bottom: 40px; font-size: 1.8rem; }
	.ftitle { font-size: 2rem; }
	.cic-social a { width: 48px; height: 48px; }
	.contact-list li { padding-left: 80px; }
	.contact-list li::before { width: 60px; height: 60px; }
	.block-text { max-width: 100%; }
	.page-title { font-size: 6rem; }
	.row-team > .col-md-3 { width: 33.3333%; }
}
@media only screen and (max-width: 767px) {
	:root { font-size: 7.5px; }
	#banner { padding: 45px 0 120px; }
	.bnr-content h1, .bnr-content h2 { font-size: 5.4rem; }
	.block-text h1, .block-text h2, .block-text h3, .block-title { font-size: 4rem; }
	#about .row { flex-direction: column-reverse; }
	#about .lead-form { margin-bottom: 40px; }
	#about .lead-form .box-title, #about .lform-descp { text-align: center; }
	.title-label { font-size: 1.5rem!important; }
	.sec-title { font-size: 4rem; }
	.row-products { padding: 0; }
	.gird-thumb { margin: 0 auto 20px; }
	.frame-text h1, .frame-text h2, .frame-text h3, .frame-text h4 { font-size: 3rem; }
	.frame-wrap { position: relative; transform: none; left: 0; top: 0; }
	.frame { flex-direction: column; }
	.frame-content { background: var(--primary-color); padding: 30px 40px; }
	.frame-text { margin: 0; text-align: center; }
	.frame-text p:last-child { margin: 0; }
	.text-block { border-left-width: 4px; padding-left: 15px; }
	.post-card-title { font-size: 2.2rem; }
	.post-thumb { padding-top: 31%; }
	#colophon { font-size: 1.6rem; }
	.ftitle { font-size: 1.8rem; }
	.bnr-slider { display: none; }
	#banner { background: url('assets/images/bnr-mob.jpg') center / cover no-repeat; }
	.cic-social { padding-bottom: 40px; }
	.form-contact { padding: 20px 20px; }
	.form-title { font-size: 3.2rem; }
	.sec-map iframe { width: calc(100vh - 60px); }
	#colophon { padding-bottom: 50px; }
	.form-col { padding-bottom: 30px!important;}
	.prod-thumb { gap: 10px; margin-bottom: 20px; }
	.pimg-box { border-radius: 6px; }
	.pimg-box::after { width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 3px; left: 5px; top: 5px; }
}
@media only screen and (max-width: 639px) {
	.post-card { flex-direction: column; }
	.post-thumb { width: 100%; max-width: unset; padding-top: 70%; margin-bottom: 15px; }
	.post-details { padding: 0; }
	.mob-action > li > a { height: 50px; }
	.fcredits .container { flex-direction: column; }
	.developer { margin-top: 8px; }
	.row-team > .col-md-3 { width: 50%; }
}