/*@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unna:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&display=swap');

h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Abyssinica SIL', serif;}

ul{padding: 0px; margin: 0px; list-style-type: none;}

li{padding: 0px; margin: 0px; font-size: 15px; font-family: 'Abyssinica SIL', serif;}

a{font-size: 17px; font-family: 'Abyssinica SIL', serif;}

a:hover{text-decoration: none;}

p{font-size: 16px; padding: 0px; margin: 0px; font-family: 'Abyssinica SIL', serif;}

body{padding: 0px; margin: 0px; box-sizing: content-box; font-family: 'Abyssinica SIL', serif;}

span{padding: 0px; margin: 0px; font-family: 'Abyssinica SIL', serif;}

input{font-family: 'Abyssinica SIL', serif;}

textarea{font-family: 'Abyssinica SIL', serif;}

/*Css*/

section.sites.py-5 {    /*margin-top: 50px;*/}
ul.site_links.mb-3 {    column-count: 3;    background: #d3d3d338;}
ul.site_links li {    line-height: 35px;    border-bottom: 1px solid #f5f3f3;    padding-top: 10px;}
ul.site_links li a {    color: slateblue;}
.web-head ul li a {    font-size: 14px;    color: #333;}
ul.site_links li a {    color: blue;    margin-left: 40px;}
p.websites {    font-size: 26px;    font-weight: 600; margin-bottom: 20px;}
/* width */
::-webkit-scrollbar {  width: 10px;}
/* Track */
::-webkit-scrollbar-track {  background: #f1f1f1;}
/* Handle */
::-webkit-scrollbar-thumb {  background: #888;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {  background: #555;}
.list {    overflow-y: scroll;    height: 250px;}
header {background: #ff443e;}

b, strong {
    font-weight: bolder;
    font-family: 'Abyssinica SIL';
}

li.color-gray {    color: #cecece;}

.catalogue a {    background: #ff443e;    padding: 12px 15px;    border-radius: 5px; transition: 0.5s;}

.catalogue a:hover {background-color: #192d66;}

.sticky{background: #ff443e;}

.fennec-mobile-nav {  display: none;}

.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}

.navbar-area.is-sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  z-index: 999;  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);          box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);  background-color: #ffffff;  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;}

.fennec-nav .navbar {  padding: 0;}

.fennec-nav .navbar ul {  padding-left: 0;  list-style-type: none;  margin-bottom: 0;}

.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a {  font-size: 16px;  font-weight: 600;  color: #fff;  text-transform: uppercase;  padding: 10px 12px;  position: relative;  z-index: 1;  margin: 0;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover, .fennec-nav .navbar .navbar-nav .nav-item a:focus, .fennec-nav .navbar .navbar-nav .nav-item a.active {  color: #ffffff;}

.fennec-nav .navbar .navbar-nav .nav-item a:hover::before, .fennec-nav .navbar .navbar-nav .nav-item a:focus::before, .fennec-nav .navbar .navbar-nav .nav-item a.active::before {  opacity: 1;  visibility: visible;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu {  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);  background: #192d66;  position: absolute;  border: none; top: 80px;  left: 0;  width: 350px;  z-index: 99;  display: block;  opacity: 0;  visibility: hidden;  border-radius: 0;  -webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  padding-top: 15px;  padding-left: 5px;  padding-right: 5px;  padding-bottom: 15px; height: 400px; overflow-y: scroll;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #fff;  margin-top: 6px;  font-size: 15px;  font-weight: 600; letter-spacing: 1px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {  display: none;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {  color: #ff443e;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus::after, .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active::after {  opacity: 1;  visibility: visible;  -webkit-transform: scale(1);          transform: scale(1);}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {  margin-top: 0;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {  left: 220px;  top: 0;  opacity: 0;  visibility: hidden;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: -15px;}

.fennec-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {  opacity: 1;  visibility: visible;  top: 100%;  margin-top: 0;}

.navbar-style-two {  background-color: #f8f8f8;}

.navbar-style-two .fennec-nav { background-color: #f8f8f8; padding-top: 15px;  padding-bottom: 15px;  padding-left: 80px;  padding-right: 80px;}

.navbar-style-two .fennec-nav .navbar .navbar-nav {  margin-left: auto;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item {  padding-top: 15px;  padding-bottom: 15px;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a {  padding: 0;  margin: 0 12px;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a i {  color: #666666;  -webkit-transition: 0.5s;  transition: 0.5s;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a::before {  display: none;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active { color: #fd6c1e;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:hover i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a:focus i, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item a.active i {color: #fd6c1e;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:first-child a {  margin-left: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item:last-child a {  margin-right: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li {  padding: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  margin-top: 6px;  margin-left: 0;  margin-right: 0;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {color: #fd6c1e;}

.navbar-style-two .fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::first-child {margin-top: 0;}



/* Overlay style */

.overlay {	position: fixed;  width: 100%;    height: 100%;    top: 0;    left: 0;    background: rgb(25 45 102 / 92%); z-index: 9;}

/* Overlay closing cross */

.overlay .overlay-close {	width: 80px;	height: 80px;	position: absolute;	right: 20px;	top: 20px;	overflow: hidden;	border: none;	background: url(images/cross.png) no-repeat center center;	text-indent: 200%;	color: transparent;	outline: none;	z-index: 100;}

/* Menu style */

.overlay nav {	text-align: center;	position: relative;	top: 50%;	height: 60%;	-webkit-transform: translateY(-50%);	transform: translateY(-50%);}

.overlay ul {	list-style: none;	padding: 0;	margin: 0 auto;	display: inline-block;	height: 100%;	position: relative;}

.overlay ul li {height: 20%;	height: calc(100% / 5);	min-height: 54px;}

.overlay ul li a {	font-size: 54px;	font-weight: 300;	display: block;	color: #fff;	-webkit-transition: color 0.2s;	transition: color 0.2s;}

.overlay ul li a:hover,.overlay ul li a:focus {	color: #f0f0f0;}

.container.overlay-open {	-webkit-transform: scale(0.8);	transform: scale(0.8);}

.overlay-contentscale {	visibility: hidden;	-webkit-transform: translateY(100%);	transform: translateY(100%);	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;	transition: transform 0.5s, visibility 0s 0.5s;}

.overlay-contentscale.open {	visibility: visible;	-webkit-transform: translateY(0%);	transform: translateY(0%);	-webkit-transition: -webkit-transform 0.5s;	transition: transform 0.5s;}

.overlay .overlay-close {    width: 80px;    height: 80px;    position: absolute;    right: 20px;    top: 20px;    overflow: hidden;    border: none;    background: url(images/cross.png) no-repeat !important;    text-indent: 200%;    color: transparent;   outline: none;    z-index: 100; cursor: pointer;}

.under-lap button {border: none; outline: none; background: #192d66; padding: 10px 30px 10px 30px; color: #fff;}

.related > a {	border: 1px solid #99cc33;	display: inline-block;	text-align: center;	margin: 20px 10px;	padding: 25px;	color: #99cc33;	opacity: 0.8;	-webkit-transition: color 0.3s, border-color 0.3s;	transition: color 0.3s, border-color 0.3s;	-webkit-backface-visibility: hidden;}

.related a:hover {	border-color: #82b222;	color: #82b222;}

.related a img {	max-width: 100%;}

.related a h3 {	margin: 0;	padding: 0.5em 0 0.3em;	max-width: 300px;	text-align: left;	font-size: 65%;	font-weight: 400;}

button#trigger-overlay {cursor: pointer;}

.toggle-side input {    height: 45px;    border-radius: 50px;    padding-left: 15px;    position: relative; outline: none;}

input.button-type {    position: absolute;  cursor: pointer;  right: 14px;    top: 0px;    border: none;    border-radius: 50px;    width: 45px;    height: 45px;    background-color: #262760;    transition: 0.5s;}

.about-content {margin: 0px auto;}

.contact-information {margin: 0px auto;}

.contact-information span{font-size: 30px;}

.contact-information a{font-size: 16px !important;}

.contact-information img{-webkit-box-reflect: below 1px linear-gradient(transparent,transparent, #0008); box-reflect: below 1px linear-gradient(transparent,transparent, #0008); transition: 0.5s;     width: 80%;}

.under-center {position: relative;    top: 25%;}

.logo-center img {    margin-bottom: 15px;}

.about-thumb-area:after {    content: "";    position: absolute;    top: 49%;    left: 40%;    width: 50px;    height: 50px;    background-color: #ff443e;    border-radius: 15px;    transform: rotate(45deg);}

.about-area .pt-img1 {  bottom: 20%;  left: 16%; }  



.about-area .pt-img2 {bottom: 5%; right: 25%; }

.about-area .pt-img3 {  top: 30%;  right: 7%; }

.about-area .pt-img4 {  bottom: 10%;  right: 1%; }

.about-area .pt-img5 { top: 25%; left: 5%; }



.about-thumb-area {  margin-right: 30px;  position: relative; }

.about-thumb-area ul {display: flex; flex-wrap: wrap; margin: 0 -20px; }

.about-thumb-area ul li {display: inline-flex; padding: 0 10px; margin-bottom: 20px;}

.about-thumb-area ul li:nth-child(1), .about-thumb-area ul li:nth-child(3) {width: 45%; }

.about-thumb-area ul li:nth-child(2), .about-thumb-area ul li:nth-child(4) {width: 55%; }

.about-thumb-area .about-thumb1 {border-radius: 0 60px 60px; margin-top: auto; margin-left: auto; }

.about-thumb-area .about-thumb2 {border-radius: 60px 0 60px 60px; margin-top: auto; margin-right: auto;}

.about-thumb-area .about-thumb3 {    border-radius: 60px 60px 60px 0;    margin-bottom: auto;    margin-left: auto; }

  .about-thumb-area .exp-bx {    background-color: #ff9d9a;    border-radius: 60px 60px 0px 60px;    padding: 60px 0px 30px;    text-align: center;    line-height: 75px;    font-size: 120px;    font-weight: 800;    position: relative;    display: block;    color: #192d66;    z-index: 2;    width: 220px;} 

  .about-thumb-area .exp-bx span {      display: block;      font-size: 18px;      color: #1f2278; }

  .about-thumb-area .exp-bx:after {      content: "";      position: absolute;      top: 10px;      left: 10px;      width: 100%;      height: 100%;      border: 2px solid #192d66;     border-radius: 60px 60px 0px 60px;      z-index: -1; }

  .about-thumb-area:after {    content: "";    position: absolute;    top: 49%;    left: 40%;    width: 50px;    height: 50px;    background-color: #ff443e;    border-radius: 15px;    transform: rotate(45deg); }

.about-btn a{ position: absolute;    width: 165px;    height: 48px;    line-height: 48px;    text-transform: uppercase;    text-decoration: none;    color: #262626;    text-align: center;    transition: .5s;    overflow: hidden; background-color: #ff443e;}

.about-btn a .face{     position:absolute;     width:100%;     height:100%;     top:0;     left:0;     transform:scale(1);     transition: .8s;}

.about-btn a .back{     position:absolute;     width:100%;     height:100%;    top:0;    left:0;     transform:scale(6);     transition: .8s;     opacity:0;}

.about-btn a:hover .face{     transform:scale(0);}

.about-btn a:hover .back{     transform:scale(1);     opacity:1;     background-color:#192d66; color:#fff;}

.about-area {  background: url(images/about-bg.png); background-attachment: fixed; background-size: cover;}

.section-title span {    background: #ff443e;    padding: 5px;}

p.count {  font-size: 100px;    position: absolute;     opacity: 0.1;  top:-30px;    right: 0;     z-index: -1;}

.links-box a {width: 50%;    display: block;    text-align: center;    padding: 3px 0;    border-radius: 5px;}

a.color-mode{border: 2px solid #1abc9b; transition: 0.5s; font-size: 100%; background: #1abc9c; -webkit-box-shadow: 0 9px 20px 0 rgb(26 188 156 / 50%); box-shadow: 0 9px 20px 0 rgb(26 188 156 / 50%);}

a.color-mode:hover {background: #1abc9b; color: #fff !important; border: 2px solid #1abc9b;}

.color-mode{color: #1abc9b;     font-size: 24px;}

.links-box  span {    display: block;    font-size: 18px;    font-weight: 400;    overflow: hidden;    white-space: nowrap;    line-height: inherit;    text-overflow: ellipsis;    color: #3d4461;}



p.color-mode-1{color: #40abf3; font-size: 24px;}

a.color-mode-1{border: 2px solid #40abf3;    transition: 0.5s;   font-size: 100%;    background-color: #40abf3;    -webkit-box-shadow: 0 9px 20px 0 rgb(64 171 243);    box-shadow: 0 9px 20px 0 rgb(64 171 243);}

a.color-mode-1:hover {background: #40abf3; color: #fff !important; border: 2px solid #40abf3;}

.title .heading span {
    background: #ff443e;
    padding: 5px;
}


p.color-mode-2{color: #f1c40b; font-size: 24px;}

a.color-mode-2{border: 2px solid #f1c40b; transition: 0.5s; font-size: 100%; background-color: #f1c40b;  border: 2px solid #f1c40b;  transition: 0.5s;  font-size: 100%;  background-color: #f1c40b;  -webkit-box-shadow: 0 9px 20px 0 rgb(241 196 11); box-shadow: 0 9px 20px 0 rgb(241 196 11);}

a.color-mode-2:hover {background: #f1c40b; color: #fff !important; border: 2px solid #f1c40b;}



p.color-mode-3{color: #9b59b6; font-size: 24px;}

a.color-mode-3{border: 2px solid #9b59b6; transition: 0.5s; font-size: 100%; background-color: #9b59b6; border: 2px solid #9b59b6; transition: 0.5s; font-size: 100%; background-color: #9b59b6; -webkit-box-shadow: 0 9px 20px 0 rgb(155 89 182); box-shadow: 0 9px 20px 0 rgb(155 89 182);}

a.color-mode-3:hover {background: #9b59b6; color: #fff !important; border: 2px solid #9b59b6;}



p.color-mode-4{color: #ff5851; font-size: 24px;}

a.color-mode-4{border: 2px solid #ff5851; background-color: #ff5851; transition: 0.5s; font-size: 100%; -webkit-box-shadow: 0 9px 20px 0 rgb(255 98 91); box-shadow: 0 9px 20px 0 rgb(255 88 81);}

a.color-mode-4:hover {background: #ff5851; color: #fff !important; border: 2px solid #ff5851;}



p.color-mode-5{color: #2eca80; font-size: 24px;}

a.color-mode-5{border: 2px solid #2eca80;    transition: 0.5s;    font-size: 100%;    background-color: #2eca80;    -webkit-box-shadow: 0 9px 20px 0 rgb(46 202 128);    box-shadow: 0 9px 20px 0 rgb(46 202 128);}

a.color-mode-5:hover {background: #2eca80; color: #fff !important; border: 2px solid #2eca80;}



/*our-products*/

.our-products{position: relative; overflow: hidden;     background: #ff443e url(images/product-img.jpg);}

.our-products::after{position: absolute;    content: "";    height: 530px;    width: 360px;    background-color: #f7a582;    opacity: .1;    border-radius: 180px;    left: -155px;    z-index: 99;    top: 50%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);   transform: translateY(-50%);}

.our-products::before{position: absolute;    content: "";    height: 200px;    width: 200px;    background-color: #f7a582;    opacity: .1;    border-radius: 180px;    right: -55px;    z-index: 99;    top: 86%;    -webkit-transform: translateY(-50%);    -ms-transform: translateY(-50%);    transform: translateY(-50%);    overflow: hidden;}

.owl-carousel .owl-wrapper:after {	content: ".";	display: block;	clear: both;visibility: hidden;line-height: 0;	height: 0;}

.owl-carousel{	display: none;	position: relative;	width: 100%;	-ms-touch-action: pan-y;}

.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{	overflow: hidden;	position: relative;	width: 100%;}

.owl-carousel .owl-wrapper-outer.autoHeight{	-webkit-transition: height 500ms ease-in-out;	-moz-transition: height 500ms ease-in-out;	-ms-transition: height 500ms ease-in-out;	-o-transition: height 500ms ease-in-out;	transition: height 500ms ease-in-out;}	

.owl-carousel .owl-item{	float: left;}

.owl-controls .owl-page,.owl-controls .owl-buttons div{	cursor: pointer;}

.owl-controls {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{	-webkit-backface-visibility: hidden;	-moz-backface-visibility:    hidden;	-ms-backface-visibility:     hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);}

.owl-controls.clickable{ display:block !important;}

.owl-pagination {display: none;}

.owl-buttons{ position: absolute; top: -355px; color: #fff; right: 32%; width: 100px; height: 45px;}

.owl-buttons .owl-next,	.owl-prev{width: 40px;    height: 40px;    font-size: 0;    position: absolute;    top: 540px;    left: 55px;    background: transparent;    border-radius: 50px;    border: 1px solid #878ae6;}

.owl-next {right:0px; }

.owl-prev {left: 55px; top: 490px;}

.owl-next:hover {       color: #16639f !important;    }

.owl-prev:hover {    color: #16639f !important;    }

.owl-prev:before {        }	

.owl-prev:before {    content: url(images/left.png);    position: absolute;    top: 9px;    left: 8px}	

.owl-next:after {    font: normal normal normal 14px/1 FontAwesome;    font-size: 40px;}	

.owl-next:after {  content: url(images/right.png);    position: absolute;    top: -5px;    color: #fff;    left: 10px;}

.left_side-content span {    font-size: 14px;}

.left_side-content h3 {position: relative;  font-size: 40px;}

.left_side-content h3::after {    position: absolute;    width: 10%;    height: 3px;    bottom: -2px;    left: 0px;    background-color: #ff443e;    content: '';}

.product-btn a {     background: #ff443e;    padding: 0;    color: #fff;    display: block;    width: 24%;    text-align: center;    line-height: 38px;    border-radius: 5px; transition: 0.5s;}

.product-btn a:hover {    background-color: #c6c8ff; color: #333 !important;}

.left_side-content p {    padding-bottom: 22px;}

figure.effect-romeo {	-webkit-perspective: 1000px;	perspective: 1000px;}

figure.effect-romeo img {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(0,0,300px);	transform: translate3d(0,0,300px);}

figure.effect-romeo:hover img {	opacity: 0.6;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}

figure.effect-romeo figcaption::before,figure.effect-romeo figcaption::after {	position: absolute;	top: 50%;	left: 50%;	width: 80%;	height: 1px;	background: #fff;	content: '';	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(-50%,-50%,0);	transform: translate3d(-50%,-50%,0);}

figure.effect-romeo:hover figcaption::before {	opacity: 0.5;	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);	transform: translate3d(-50%,-50%,0) rotate(45deg);}

figure.effect-romeo:hover figcaption::after {	opacity: 0.5;	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);	transform: translate3d(-50%,-50%,0) rotate(-45deg);}

figure.effect-romeo h2,figure.effect-romeo p {	position: absolute;	top: 50%;	left: 0;	width: 100%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}

figure.effect-romeo h2 {	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);}

figure.effect-romeo p {	padding: 0.25em 2em;	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);	transform: translate3d(0,-50%,0) translate3d(0,150%,0);}

figure.effect-romeo:hover h2 {	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);}

figure.effect-romeo:hover p {	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);	transform: translate3d(0,-50%,0) translate3d(0,100%,0);}

.grid {	position: relative;	margin: 0 auto;	padding: 1em 0 4em;	max-width: 1000px;	list-style: none;	text-align: center;}

.grid figure {	position: relative;	float: left;	overflow: hidden;	min-width: 100%;	max-width: 100%;	max-height:auto;	width: 100%;	background: #ff443e;	text-align: center;	cursor: pointer;}


.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; height: 250px ; object-fit: contain; width: 100%; }

.grid figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}

.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}

.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}

.button_side a {  background: #ff443e; padding: 8px 20px; border-radius: 5px; font-size: 17px; color: #fff; -webkit-box-shadow: 0 9px 20px 0 rgb(255 68 62);  box-shadow: 0 9px 20px 0 rgb(255 68 62); transition: 0.5s;}

.button_side a:hover { background: #192d66; color: #fff; -webkit-box-shadow: 0 9px 20px 0 rgb(25 45 102);  box-shadow: 0 9px 20px 0 rgb(25 45 102);}

.why-box>.media > img{background-color: #fff; border-radius: 6px; box-shadow: 0 0 10px 5px rgb(0 0 0 / 3%); margin-right: 28px;}

.why-box .media>.media-body span {    font-size: 22px;    display: block;    margin-bottom: 8px;}

#more {display: none;}

.step-1 {position: relative;}

.step-1::after {position: absolute;    content: '';   width: 35px;    height: 35px;    background-color: #565acf52;    border-radius: 50px;    bottom: 0;    top: 71px;    left: 143px;}

.step-1::before {    position: absolute;    content: '';    width: 20px;    height: 20px;    background-color: #565acf;    border-radius: 50px;    bottom: 0;    top: 78px;    left: 150px;}



.step-2 {position: relative;}

.step-2::after {position: absolute;    content: '';   width: 35px;    height: 35px;  background-color: #ff443e75;    border-radius: 50px;    bottom: 0;   top: -15px;  left: 182px;}

.step-2::before {    position: absolute;    content: '';    width: 20px;    height: 20px;    background-color: #ff443e;    border-radius: 50px;    bottom: 0;     top: -8px;   left: 190px;}



.step-3 {position: relative;}

.step-3::after {position: absolute;    content: '';   width: 35px;    height: 35px;    background-color: #565acf52;    border-radius: 50px;    bottom: 0;        top: 115px;  left: 178px;}

.step-3::before {    position: absolute;    content: '';    width: 20px;    height: 20px;    background-color: #565acf;    border-radius: 50px;    bottom: 0;   top: 122px;    left: 186px;}

.text_side span {    background: #ff443e;    padding: 5px;    color: #fff;}



/*left_side-img*/

.left_side-img-bg{background: url(images/factory-1.jpg)no-repeat; padding: 250px 0; background-size: cover;}

.right_side-img-bg{background: url(images/factory-2.jpg)no-repeat; padding: 250px 0; background-size: cover;}



.two-images {    position: relative;}

.site-content {position: absolute;    top: 0;    left: 17%;    top: 25%;    text-align: center;}

.site-content img{    background: #fff;    padding: 5px;    border-radius: 5px;    -webkit-box-shadow: 0 9px 20px 0 rgb(233 234 234 / 13%); box-shadow: 0 9px 20px 0 rgb(233 234 234 / 13%);}

.site-content span {    font-size: 22px;    display: block;    margin-top: 35px;}

.call-to-action a{background: #ff443e;    padding: 8px 20px;    border-radius: 5px;    font-size: 17px;    color: #fff;    -webkit-box-shadow: 0 9px 20px 0 rgb(255 68 62);    box-shadow: 0 9px 20px 0 rgb(255 68 62);    transition: 0.5s;}

.call-to-action a:hover{background: #192d66;    color: #fff;    -webkit-box-shadow: 0 9px 20px 0 rgb(25 45 102);    box-shadow: 0 9px 20px 0 rgb(25 45 102);}

.site-content h4 {    font-size: 25px;}

.whats-app-icon img {    position: fixed;    bottom: 120px;    left: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 999;}
/* Send Enquire */	

.enquiry{position: fixed;z-index: 1000;bottom: 50px;left: 25px;height: 50px;color: #fff;font-size: 18px;text-align: center;text-decoration: none;cursor: pointer;}



.enquiry i{ float: left;z-index: 999;position: absolute;left: 0;width: 50px;height: 50px;border-radius: 50%;  color: #fff;font-size: 24px;line-height: 50px;text-align: center;text-decoration: none;cursor: pointer;background: #000;transition: 0.5s; box-shadow: 0px 2px 6px rgba(0,0,0,0.4);}



.enquiry strong{ background-color: #ff443e; line-height:28px;color: #fff;padding: 10px 20px;border-radius: 0 30px 30px 0;height: 45px;float: left;font-size: 15px;margin-top: 3px;margin-left: 35px; box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}



.enquiry i:hover{ color:#fff; background: #192d66;}



.enquiry strong:hover{ color:#000; background: #eee;}



div#exampleModal .modal-dialog{width: 100% !important;}



/* Modal Form*/



.modal-content{border-radius: 0;}



.close{float: right;font-size: 23px;font-weight: 600;line-height: 2;color: #fff;text-shadow: 0 1px 0 #fff;    opacity: .7;}



.close:hover, .close:focus {color: #fff;text-decoration: none;cursor: pointer;opacity: .9;}



.send_p {    font-size: 17px !important;    line-height: 22px;    text-align: center;    margin-bottom: 20px;}



.modal-body input[type="text"], .modal-body select,



.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:0px;}



.modal-body textarea{width:100%; height:120px; padding:5px 12px; border-radius:0px;}



.modal-body select{ width: 100%;}



.modal-header {    padding: 0 15px !important;    color: #fff;  background-color: #ff443e;   height: 46px;}



.pac-container { z-index: 100000; }



.g-recaptcha{transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0}



.modal_btn{width:auto; background:#000; padding: 8px 25px; border:none; color:#fff; font-size:14px; border-radius:4px; cursor: pointer; transition: 0.5s;}



.modal_btn:hover,.modal_btn:focus{background: #ff443e; color: #fff;}



.form-group textarea {height: 100px !important;}



span.modal-title {  display: block;    text-align: center;    width: 100%;    font-size: 20px;    margin-top: 10px;}

.sticky.fixed {position: fixed; top: 0;  z-index: 99; width: 100%; transition: 0.9s;}

#toTop {position: fixed; bottom: 50px;    right: 5px;    cursor: pointer;    transition: 0.5s;    z-index: 9999;}

/*Box*/

.box{  background-image: radial-gradient(circle farthest-corner at 22.4% 21.7%, rgb(255 68 62) 0%, rgb(255 68 62) 100.2%);    box-shadow: 0 0 5px rgb(0 0 0 / 15%);    overflow: hidden;    position: relative;    transition: all 0.3s ease-in-out;} 

.box:hover{ box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.4); }

.box:before{     content: "";     border: 8px solid #fff;     opacity: 0;     position: absolute;     top: 50%;     bottom: 50%;    left: 15px;     right: 15px;     z-index: 1;     transition: all 0.4s ease-in-out; }

.box:hover:before{     opacity: 0.9;     top: 15px;     bottom: 15px; }

.box img{     width: 100%;     height: auto;     transform: scale(1.1) translateX(4%);     transition: all 0.4s ease-in-out; }

.box:hover img{     opacity: 0.3;     transform: scale(1.1) translateX(-4%); }

.box .box-content{     color: #fff;     opacity: 0;     transform: translateX(20%);     position: absolute;     top: 30px;     left: 33px;     transition: all 0.3s ease-out; }

.box:hover .box-content{     opacity: 1;     transform: translateX(0);     transition-delay: 0.3s; }

.box .title{     font-size: 22px;     font-weight: 700;     text-transform: uppercase;     margin: 0; }

.box .post{     font-size: 15px;     font-weight: 400;     font-style: italic;     text-transform: capitalize;     letter-spacing: 1px; }

.box .icon{     padding: 0;     margin: 0;     list-style: none;     opacity: 0;     transform: translateX(-20%);     position: absolute;     bottom: 33px;     right: 30px;     z-index: 1;     transition: all 0.3s ease-out; }

.box:hover .icon{     opacity: 1;     transform: translateX(0);     transition-delay: 0.3s; }

.box .icon li{     margin: 0 2px;     display: inline-block; }

.box .icon li a{     color: rgba(2, 83, 185, 1);     background: #fff;     font-size: 18px;     text-align: center;     line-height: 30px;     height: 35px;     width: 35px;     border: 3px solid #fff;     display: block;     transition: all 0.3s ease; }

.box .icon li a:hover{     color: #fff;     background: rgba(6, 57, 84, 1); }

@media only screen and (max-width:990px){

.box{ margin: 0 0 30px; }

}

div#owl-demo-gallery .owl-buttons {    display: none;}

div#owl-demo-gallery .item .box img {    height: 300px;    width: 100%;}

ul.icon li i {    background: #192d66;    padding: 10px;    color: #fff;}

div#owl-demo-gallery .item {    margin: 8px;    border: 5px solid #565acf;}

.testimonial{background: url(images/bg-img.jpg)no-repeat;     background-attachment: fixed; background-size: cover;}

.client_text{background: #ff443e;    position: relative;    justify-content: center;    align-items: center;    vertical-align: middle;    display: flex;    position: relative;    left: -8%;    top: 35px;}

img.ocpity-part {    position: absolute;    opacity: 0.1;}

div#testimonial .owl-buttons{    right: 78%;     top: -635px;}

div#testimonial .owl-prev {   left: 60px;    top: 540px;}

div#testimonial .owl-next {  left: 105px;   }

img.modify {    width: 15%;    border-radius: 50px;    border: 1px solid #192d6694;}

.home_filed input {    border: none; font-family: 'Abyssinica SIL', serif; } 

.home_filed textarea {    border: none; font-family: 'Abyssinica SIL', serif; }

input:focus{outline: none;}

textarea:focus{outline: none;}

.home_filed input { margin-bottom: 30px;  height: 40px;  padding-left: 10px !important; font-family: 'Abyssinica SIL', serif; }

.home_filed textarea {margin-bottom: 30px;  height: 100px; padding-left: 10px; padding-top: 10px; font-family: 'Abyssinica SIL', serif; }

.home_filed-submit button{    background-color: #ff443e;    font-family: 'Abyssinica SIL', serif;    -webkit-box-shadow: 0 9px 20px 0 rgb(255 68 62);    padding: 10px 20px;   box-shadow: 0 9px 20px 0 rgb(255 68 62);    border: none;    outline: none;    font-size: 14px;    cursor: pointer;}

.home_filed-submit {    text-align: center;}

#client-feedback .owl-buttons{display: none;}

/*.trusted-client{ background-color: #ff443e; }*/

footer{background-color: #333; background: url(images/bg-1.png);}

.widget p {color: #8e8e8e;}

.widget a {color: #8e8e8e; transition: 0.5s;}

.widget span{position: relative; font-size: 20px;}

.widget span::after{position: absolute; content: ''; width: 100%; height: 4px; background-color: #4e4e4e; right: 0px;     bottom: -8px;}

.widget span::before{    background-color: #ff443e;    position: absolute;    content: '';    width: 15%;    height: 4px;    bottom: -8px;    z-index: 9;}

ul.pdf-button li a {    width: 100%;    display: block;    text-align: center; line-height: 45px;} 

a.orange-color {    background: #ff443e !important;}

a.blue-color {    background:#192d66 !important;}

.widget li {    line-height: 30px;}

.widget .media > .media-body p:nth-child(2) { line-height: 20px;}

.widget .media > .media-body p:nth-child(1) {font-size: 18px;}

.widget .media > img {margin-top: 5px;}

.copy-right {background-color: #252424;}

.social-media img {    width: 100%;}

.social-media li{width: 15% !important;}

.breadcumb{    background: url(images/breadcumb.jpg); position: relative;    padding: 187px 0;    background-attachment: fixed;    background-size: cover;    background-position: center;}

.max-width{position: absolute; max-width: 600px; margin: 0px auto;  background-color: #ff443ecf; text-align: center; left: 31%; bottom: 0; padding-top: 40px; padding-bottom: 40px;}

.max-width a{transition: 0.5s;}

.max-width a:hover{color: #f17732;}

/*Form*/

.form{       position: relative;    padding: 15px 20px 30px;    background-color: #ff443e;    border-radius: 10px;    text-align: center;}

.form h2{color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: 4px; font-size: 28px;}

.form .input{text-align: left; margin-top: 20px;}

.form .input .inputBox input{    width: 100%;    height: 50px;    background-color: #ff443e;    border: none;    outline: none;    border-radius: 40px;    padding: 5px 15px;    color: #fff;    font-size: 18px;      box-shadow: inset -2px -2px 6px rgb(255 255 255 / 10%), inset 2px 2px 6px rgb(213 43 38);}

.form .input .inputBox input[type="Submit"]{   background-color: #000; margin-top: 20px;     box-shadow: -2px -2px 6px rgb(255 255 255 / 0%), 2px 2px 6px rgba(0, 0, 0, 0.17); }

.form .inputBox textarea{width: 100%;    height: 100px;   background-color: #ff443e;   border: none;    outline: none;    border-radius: 40px;    color: #fff;    font-size: 18px;  box-shadow: inset -2px -2px 6px rgb(255 255 255 / 10%), inset 2px 2px 6px rgb(213 43 38);  padding: 10px 20px;}

.form .inputBox textarea::placeholder{color: #fff; font-size: 15px;}

.form .input .inputBox input[type="Submit"]:active{color: #006c9c; margin-top: 20px; box-shadow: -2px -2px 6px rgba(255,255,255,0.1),2px 2px 6px rgba(0,0,0,0.8);}

.form .input .inputBox input::placeholder{color: #fff; font-size: 15px;}

table {  font-family: 'Abyssinica SIL', serif;  border-collapse: collapse;  width: 100%;}
td, th {  border: 1px solid #dddddd;  text-align: left;  padding: 8px;}
tr:nth-child(even) {  background-color: #dddddd;}

.our-products-page {    background: #f1f1f1;}

figure.effect-jazz {background: -webkit-linear-gradient(-45deg, #ff443e 0%,#ff443e 100%);	background: linear-gradient(-45deg, #ff443e 0%,#ff443e 100%);}

figure.effect-jazz img {	opacity: 1;}

figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}

figure.effect-jazz figcaption::after {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	content: '';	opacity: 0;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	-webkit-transform-origin: 50% 50%;	transform-origin: 50% 50%;}

figure.effect-jazz h2,figure.effect-jazz p {	opacity: 1;	-webkit-transform: scale3d(0.8,0.8,1);	transform: scale3d(0.8,0.8,1);}

figure.effect-jazz h2 {	padding-top: 26%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}

figure.effect-jazz p {	text-transform: none;	font-size: 0.85em;	opacity: 0;}

figure.effect-jazz:hover img {	opacity: 0.1;	-webkit-transform: scale3d(1.05,1.05,1);	transform: scale3d(1.05,1.05,1);}

figure.effect-jazz:hover figcaption::after {	opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}

figure.effect-jazz:hover h2,figure.effect-jazz:hover p {opacity: 1;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}

.final-products p {line-height: 25px;}

.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  float: left; margin-right: 20px;}

.cover-product-this p {line-height: 24px; margin-bottom: 16px;}

.only-product h2 {font-size: 32px;}

.zoom-effect img {width: 100%;}

.cover-product-this p {  line-height: 28px; color: black;}

.products-fill { border-right: 1px solid #ccc;}

.zoom-effect img {border: 1px solid #ccc;}

.final-list-product h4{font-size: 25px;}

.final-list-product ul li {    background: url(images/tick.png)no-repeat;    padding-left: 25px;    background-position: 0% 50%;     line-height: 32px;}

.color-site {background-color: #ff443e;}

.sitema-links-item h2 {    font-size: 25px;}

.sitema-links-item h3{ font-size: 25px;}

.sitema-links-item h4{ font-size: 25px;}

.black-color {background: #000;}

.skin-color {background: #192d66;}

.form-inner::after {    position: absolute;    width: 115px;    height: 1px;    background-color: #ff443e;    content: '';    top: 49px;}

.form-inner::before {    position: absolute;    width: 75px;    height: 1px;    background-color: #ff443e;    content: '';    top: 53px;}

.contact-field input {    height: 42px;    border-radius: 50px;    border: 1px solid #e7eaea;}

.contact-field textarea {    border-radius: 50px;    border: 1px solid #e7eaea;    height: 100px;    resize: none;}

.contact-field button {    background-color: #ff443e;    border-radius: 50px;    padding: 10px 15px;    transition: .5s;    font-family: 'Abyssinica SIL', serif;}

.contact-field button:hover {    background-color: #192d66;}

.form-inner-address-side i {    color: #ff443e;}

ul.coloring li a {    background: #ff443e;    padding: 15px;    color: #fff;    font-size: 18px;    transition: .5s;}

.inner-states a {    background: #192d66;    color: #fff; display: block; width: 100%; text-align: center;}

.mobile-menu {   display: none;}

.about-content_home h1 {    font-size: 30px;    margin-top: 8px;}

.section-title p{margin: 0px auto;}

.about-content_home p {    line-height: 25px;     margin-bottom: 25px;}

.mobile-three-item li {display: inline-block;  margin-right: 0;  padding: 10px 30px;  width: 33%;}

.mobile-three-item { text-align: center;}

.mobile-three-item li:first-child{background-color: #ff443e;}

.mobile-three-item li:nth-child(2){background-color: #64b161;}

.mobile-three-item li:last-child{background-color: #192d66;}

.mobile-three-item li a{color: #fff;}

.mobile-three-item { text-align: center;    position: fixed;    z-index: 999;  bottom: 0; width: 100%;}

.mobile-three-item ul {    width: 100%;}

.mobile-three-item {    display: none;}

.cover-product-this h2 {
    margin-bottom: 10px;
}

.cover-product-this ul li {    list-style: disc;    margin-left: 15px;    color: black;    font-size: 17px;    line-height: 28px;}

.cover-product-this h2 {    font-size: 22px;}
.cover-product-this h3 {    font-size: 22px;}
.cover-product-this h4 {    font-size: 22px;}
.cover-product-this h5 {    font-size: 22px;}
.cover-product-this h6 {    font-size: 22px;}
.states {    padding-bottom: 12px;}
.pd-pr::after {    position: absolute !important;    width: 10% !important;    height: 3px !important;   bottom: -2px !important;    left: 0px !important;    background-color: #ff443e !important;    content: '';}
.pd-pr {    font-size: 25px;}
.quik-pr {    color: #fff;    font-weight: 500;    text-transform: uppercase;    letter-spacing: 4px;    font-size: 28px;}
.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #ff443e;    width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}
.related-products .container {    padding: 0;}
.related-products .container {    padding-top: 20px;}

.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
.related_content h4 {    font-size: 20px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}
span.text-theme-colored {    font-size: 30px;    color: #fff;}
span.text-theme-colored.asked {    color: red;    text-align: center;}
.related_content p {    margin-bottom: 12px;}
.content-side-product-details span {    font-size: 25px;    font-weight: 700;    display: block;    margin-bottom: 12px;}
.expandedContent ul {    padding-left: 20px;        column-count: 2;}
.expandedContent li {    list-style-type: disc;}
/*Call Me*/
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 180px;    color:white;    background-color:#ff443e;   animation: topBottom 4s infinite;    z-index: 999;    left: 20px;    color: white;    padding: 10px 16px;    border-radius: 50%;    font-size: 20px;    animation: bounce 4s infinite alternate;}    
.glow {  font-size: 80px;  color: #fff;  text-align: center;  -webkit-animation: glow 1s ease-in-out infinite alternate;  -moz-animation: glow 1s ease-in-out infinite alternate;  animation: glow 1s ease-in-out infinite alternate;}
@-webkit-keyframes glow {
from {text-shadow: 0 0 10px #f3fffd , 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #f3fffd , 0 0 60px #f3fffd , 0 0 70px #f3fffd ;}
to {text-shadow: 0 0 20px #f3fffd, 0 0 30px #f3fffd , 0 0 40px #f3fffd , 0 0 50px #016098 , 0 0 60px #f3fffd , 0 0 70px #f3fffd , 0 0 80px #f3fffd ;}
}
.bounce{animation: bounce 965 1.6s ease infinite;transform-origin:50% 50%;}
@keyframes bounce{0%{transform:translateY(0)}
12.5%{transform:translateY(0)}
25%{transform:translateY(0)}
50%{transform:translateY(-15px)}
62.5%{transform:translateY(0)}
75%{transform:translateY(-15px)}
100%{transform:translateY(0)}
}

.inner-container iframe{  width: 100%;  height: 250px;  border: 0px;}
.trusted-client h6 {    font-size: 25px;}
.social ul li {    width: 10%!important;}
.social ul {    margin-left: 60px;}

div#owl-demo .item img {    height: 300px;    object-fit: scale-down;}
.why-box p {    text-align: justify;}