@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600;  font-family: 'Playfair Display', serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px; font-family: 'Comfortaa', cursive;}
a{font-size: 15px; font-family: 'Comfortaa', cursive;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Comfortaa', cursive; line-height: 25px;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: 'Comfortaa', cursive;}
@font-face {  font-family: helvetica;  src: url(fonts/helvetica.ttf);}
@font-face {  font-family: helvetica-bold;  src: url(fonts/helvetica-bold.ttf);}
/*Global*/
/*.top-header{background-color: #ffb716;}*/
.address-side i{font-size: 30px;}
.address-side span{font-size: 18px;}
a.hk-hide {    pointer-events: none;}
.logo-header-mid {    background: #262421;}
.top-header {border-top: 2px solid #ffb716;}
.sticky-inner { background: rgb(255, 183, 1, 0.8);}
.header-btn a {      padding-top: 22px;    padding-bottom: 19px;    background: #0a64a2 !important;    padding-left: 9px;    padding-right: 9px;    color: #fff;    font-size: 13px;}
.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;}
.navbar-brand {  padding-top: 0;  padding-bottom: 0;}
.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: 14px;    font-weight: 600;    color: #141414;    text-transform: uppercase;    padding: 0 15px;   position: relative;    z-index: 1;    margin: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a i {  margin-left: 1px;}
.fennec-nav .navbar .navbar-nav .nav-item a i::before { font-size: 16px; position: relative; left: 6px;}
.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: #ffffff;  position: absolute;  border: none;  top: 80px;  left: 0;  width: 250px;  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;}
.fennec-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {  text-transform: capitalize;  padding: 5px 15px;  display: block;  color: #141414;  margin-top: 6px;  font-size: 14px;  font-weight: 600;}
.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::after {  position: absolute;  content: '';  height: 100%;  width: 3px;  left: -5px;  background: -webkit-gradient(linear, right top, left top, from(#0575e6), color-stop(#0b5eca), color-stop(#0b47af), color-stop(#083194), to(#021b79));  background: linear-gradient(to left, #0575e6, #0b5eca, #0b47af, #083194, #021b79);  -webkit-transition: 0.5s;  transition: 0.5s;  opacity: 0;  visibility: hidden;  top: 0;  -webkit-transform: scale(0);          transform: scale(0);}
.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: #02298a;}
.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: 10px;}
.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 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::after {  background: -webkit-gradient(linear, left top, right top, from(#fc4a1a), color-stop(#fd6b12), color-stop(#fc8712), color-stop(#faa01f), to(#f7b733));  background: linear-gradient(to right, #fc4a1a, #fd6b12, #fc8712, #faa01f, #f7b733);}
.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;}
.navbar-style-two .fennec-nav .others-option {  margin-left: 22px;}
.navbar-style-two.is-sticky .fennec-nav {  padding-top: 10px;  padding-bottom: 10px;}
.blog-page-design .rl-par {  margin-top: 0 !important;    font-size: 20px !important;    line-height: 28px !important;}
/*sticky*/
.sticky {    position: absolute;    z-index: 999;    width: 100%;}
.section-title .title-bg {  font-size: 200px;  font-weight: 700;  line-height: .8; letter-spacing: 35px;}
.section-title .title-bg:after {    position: absolute;    content: '';    top: 0px;    left: 0;    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .95)), to(white));    background-image: linear-gradient(to top, rgba(255, 255, 255, .95), white);    height: 100%;    width: 100%; }
.section-title .title-head {  left: 0;  right: 0;  bottom: -55px;  position: absolute; }
.section-title .title-head h2 {    font-size: 39px;    padding-bottom: 10px; }  
.section-title .title-head p {    font-weight: 700;    position: relative;    display: inline-block;    text-transform: uppercase; }
.section-title .title-head p:after, .section-title .title-head p:before {      top: 10px;      content: '';      height: 3px;      width: 60px;      position: absolute;        background-color: #262421;}
.section-title .title-head p:before { left: -80px; }
.section-title .title-head p:after {      right: -80px; }
section.sites.py-5 {
    /*margin-top: 50px;*/
}
.map iframe{
    width: 100%;
    height: 200px;
}
.map-iframe iframe{
    width: 100%;
    height: 550px;
}

.sitema-links-item1 {
min-height: 345px;
}

.sitema-links-item.sitema-links-item1 iframe{
    width: 100%;
    height: 315px;
}

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.text-center {
    font-size: 26px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    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;
}
.background-style {  background-size: cover;  background-repeat: no-repeat;  background-position: center center; }
.background-overlay {  top: 0;  left: 0;  width: 100%;  height: 100%;  position: absolute; }
.section-left-title .title-head {  bottom: inherit;  position: inherit; }
.section-left-title .title-head p {    margin-left: 80px; }
.section-left-title .title-head p:after { display: none; }
.section-title .title-bg {    font-size: 139px;    font-weight: 700;    line-height: .8;    letter-spacing: 35px;    font-family: helvetica-bold;}
.about_section_2 { overflow: visible; }
.about_section_2 .section-title-area {    padding-bottom: 45px; }
.about_section_2 .feature_box {    z-index: 5;    top: -33%;    position: absolute; }
.about_section_2 .feature_box li {      z-index: 1;      width: 160px;      height: 160px;      padding-top: 30px;      text-align: center;      position: relative;      background-color: #fff;      -webkit-transition: .3s all ease-in-out;      transition: .3s all ease-in-out;      -webkit-box-shadow: 0px 16px 32px 0px rgba(184, 201, 255, .4);              box-shadow: 0px 16px 32px 0px rgba(184, 201, 255, .4); } 
.about_section_2 .feature_box li span {        display: block;        font-size: 50px;        color: #3763ec; }
.about_section_2 .feature_box li .fea-text {        color: #242527; } 
.about_section_2 .feature_box li:hover {        background-color: #3763ec; }
.about_section_2 .feature_box li:hover span,        .about_section_2 .feature_box li:hover .fea-text {          color: #fff; }
.about_section_2 .feature_box .fea-text {      font-size: 16px;      margin-top: 10px;      font-weight: 700; }
.about_section_2 .feature_box .slider_feature3 {      left: 95px;      top: 85px;      z-index: 0;      position: absolute; }
.about_section_2 .about_img1 .about_img2 {    left: 110px;    bottom: -250px;    position: absolute; }
.about_section_2 .about_text2 {    padding-top: 0px;} 
.about_section_2 .about_text2 .about_icon {   margin-bottom: 20px; }
.about_section_2 .about_text2 .about_icon span {        font-size: 65px;        color: #3763ec; }
.about_section_2 .about_text2 .about_details_content {    margin-bottom: 35px; }
.about_section_2 .about_text2 .member-details {      padding: inherit;      background-color: inherit;      margin-top: 10px;      display: inline-block; }
.about_section_2 .about_text2 .member-details .member-name {      font-size: 24px;      margin-bottom: 0; }
.about_section_2 .about_text2 .member-details .member-designation {        font-size: 14px;        color: #3763ec; }
.about_section_2 .about_text2 .signeture_intro {      padding-left: 30px; }
.about_section_2 .about_text2 .signeture_intro .ab_singneture {      margin-right: 30px; }
.about_section_2 .about_text2 .signeture_intro .author-img {      width: 70px;        float: left;        height: 70px;        overflow: hidden;        margin-right: 30px;        border-radius: 100%;        -webkit-box-shadow: 0px 16px 32px 0px rgba(55, 99, 236, .2);                box-shadow: 0px 16px 32px 0px rgba(55, 99, 236, .2); }
.about_top_img:before {    position: absolute;   top: 0;    left: 0;    width: 100%;    height: 100%;    content: '';    -webkit-transition: -webkit-transform 0.6s;    transition: -webkit-transform 0.6s;    transition: transform 0.6s;    transition: transform 0.6s, -webkit-transform 0.6s;    background: rgba(255, 255, 255, .2);    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);}
.about_top_img {    overflow: hidden;}
.relative-position {    position: relative;}
.about_bottom_img {  left: -90px;  bottom: -50px; }
.about_bottom_img img {    border: 15px solid #fff; }
.about_top_img:hover:before {  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);          transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); }
.pera-content p{line-height: 28px;}
/* Radial Out */
.hvr-radial-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden; background: #ffb716;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-radial-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #262421; border-radius: 100%;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {  color: white;}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {  -webkit-transform: scale(2);  transform: scale(2);}
a.about-btn {    font-size: 16px;    font-weight: bold;}
/*our-product*/
.our-product{background: #f5f5f5;}
.grid {	position: relative;	margin: 0 auto;	max-width: 100%;	list-style: none;	text-align: center;}
.grid figure {	    position: relative;    float: left;    overflow: hidden;    margin: 10px 1%;    min-width: 100%;    max-width: 100%;    max-height: 360px;    width: 100%;    background: #3085a3;    text-align: center;    cursor: pointer;}
.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8;}
.grid figure figcaption {   color: #fff;    font-size: 1.25em;   -webkit-backface-visibility: hidden;    backface-visibility: hidden;    padding-top: 40px;}
.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;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.grid figure h2,.grid figure p {	margin: 0;}
.grid figure p {	letter-spacing: 1px;	font-size: 68.5%;}
figure.effect-bubba {	background: #9e5406;}
figure.effect-bubba img {	opacity: 0.7;	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
figure.effect-bubba:hover img {	opacity: 0.4;}
figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after {	position: absolute;	top: 30px;	right: 30px;	bottom: 30px;	left: 30px;	content: '';	opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before {	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	-webkit-transform: scale(0,1);	transform: scale(0,1);}
figure.effect-bubba figcaption::after {	border-right: 1px solid #fff;	border-left: 1px solid #fff;	-webkit-transform: scale(1,0);	transform: scale(1,0);}
figure.effect-bubba h2 {	padding-top: 0%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;	-webkit-transform: translate3d(0,-20px,0);	transform: translate3d(0,-20px,0);}
figure.effect-bubba p {	padding: 8px 2.5em;	opacity: 0;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(0,20px,0);	transform: translate3d(0,20px,0); line-height: 25px; text-align: center !important;}
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after {	opacity: 1;	-webkit-transform: scale(1);	transform: scale(1);}
figure.effect-bubba:hover h2,figure.effect-bubba:hover p {	opacity: 1;	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
.fulling-bg-img{background: url(images/rack-bg.jpg);}
.fulling-bg-img h3{ font-size: 28px;}
.under-work-why span{font-size: 20px; font-weight: bold;}
.under-work-why {    position: relative;    right: 28px; padding-top: 25px;}
.fulling-bg-img p {    padding-right: 195px;}
.rack-item-type{background: url(https://www.mexstorage.net/app/webroot/images/productitems/bg-image.jpg)no-repeat;    background-size: cover;    padding: 150px 0px;    background-attachment: fixed;}
.box-one-bg{background: url(https://www.mexstorage.net/app/webroot/images/productitems/rack-bg.jpg);}
.box-two-bg{background: url(https://www.mexstorage.net/app/webroot/images/productitems/rack-bg-2.jpg);}
.box-three-bg{background: url(https://www.mexstorage.net/app/webroot/images/productitems/rack-bg-3.jpg); min-height: 344px;}
.item-box span {    font-weight: 800;    font-size: 25px; font-family: 'Playfair Display', serif;}
.three-item {    position: relative;    bottom: 160px;}
.item-box p {    line-height: 25px; text-align: justify;}
.testimonial{position: relative;     padding-bottom: 50px;}
.testimonial::before{    content: 'Reviews';    position: absolute;    width: 100%;    height: 300px;    font-family: 'Playfair Display', serif;    font-size: 70px;    writing-mode: vertical-lr;    right: 22px;    top: 130px;    color: #fbba42;}
ul.dropdown-menu{    background: rgb(255, 255, 255, 0.8) !important;}
.scrollTop{position: fixed;bottom: 800px;right: 25px;width: 60px;height: 60px;background: #ffb716 url(images/top.png);border-radius: 50%;background-size: 40px;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index: 100000;visibility: hidden;opacity: 0;transition: 0.5s;}
.scrollTop.active{visibility: visible;opacity: 1;bottom: 50px;}
#owl-demo-client .item i{color: #fbab18; font-size: 30px;}
.under-testimonial{box-shadow: inset -2px -2px 8px rgba(255,255,255,1), inset -2px -2px 12px rgba(255,255,255,0.5), inset 2px 2px 4px rgba(255, 255, 255, 0.1),    inset 2px 2px 8px rgba(0,0,0,0.15); transition: 0.5s;}
.under-testimonial:hover{box-shadow: inset -2px -2px 8px rgba(255,255,255,1), inset -2px -2px 12px rgba(255,255,255,0.5), inset 2px 2px 4px rgba(255, 255, 255, 0.1),    inset 2px 2px 8px rgba(0,0,0,0.15); transition: 0.5s;}
.under-testimonial p {    font-size: 14px; color: #909090;    line-height: 25px;}
.under-testimonial span{font-family: 'Playfair Display', serif;}
.client-feed img{border-radius: 30%; width: 20%;}
/*our-news*/
.section-title .title-head{position: relative;}
.section-title .title-head {left: 0; right: 0; bottom: -55px; position: absolute;}
/*.section-title .title-head h2 {    font-size: 60px;    padding-bottom: 10px;}*/
.home-2 .section-title .title-head p:before, .home-2 .section-title .title-head p:after {    background-color: #3763ec;}
.home-2 .section-title .title-head p:before, .home-2 .section-title .title-head p:after {    background-color: #3763ec;}
.section-title .title-head p:before {    left: -80px;}
.section-title .title-head p:after, .section-title .title-head p:before {    top: 10px;    content: '';    height: 3px;    width: 60px;    position: absolute;       background-color: #ffb716;}
.our-news {    background: #f5f5f587;}
.relative-position {    position: relative;}
.blog-heading h4 {    font-size: 18px;}
.blog-heading li{font-size: 13px;}
.blog-heading li a{font-size: 13px; color: #ffb716;}
.title-head a {    padding: 15px 40px 15px 40px;    line-height: 70px;    color: #ffb716;    transition: 0.5s; border: 1px solid #e4e4e4;}
.title-head a:hover{background-color: #ffb716; color: #fff;}
.blog-heading p {    color: #867f7f;}
.blog-text span{color: #374472; font-weight: bold; font-size: 15px;}
.blog-text p {    font-size: 13px;    line-height: 25px;}
.blog-text li{font-size: 13px;}
.blog-text a{font-size: 13px; color: #ffb716;}
.color-light-blue{background-color: #f4f7ff;}
.updated-text span {    font-size: 20px;    font-weight: 800;}
.dark-blue-item{background-color: #192e67;}
a.contact-us-btn {      background: #fbba42;    padding: 13px 25px 13px 25px;    color: #fff;    line-height: 68px;}
.color-light-blue{position: relative;}
.dark-blue-item {background-color: #192e67;    width: 92%;    top: 268px !important;    padding-bottom: 10px;    position: absolute;}
.widget span{font-family: 'Playfair Display', serif; font-size: 25px;}
.widget li {    line-height: 35px;}
.form{    position: relative;  padding: 15px 20px 30px;  background-color: #024b83;  border-radius: 10px;  text-align: center; }
.form span{color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: 4px; font-size: 22px;}
.form .input{text-align: left; margin-top: 20px;}
.form .input .inputBox input{width: 100%;    height: 50px;    background-color: #024b83;    border: none;    outline: none;    border-radius: 40px;    padding: 5px 15px;    color: #fff;    font-size: 18px;    color: #fff;    box-shadow: inset -2px -2px 6px rgba(255,255,255,0.1), inset 2px 2px 6px rgb(3, 55, 95);}
.form .input .inputBox input[type="Submit"]{    margin-top: 20px; box-shadow: -2px -2px 6px rgba(255,255,255,0.1), 2px 2px 6px rgba(0, 0, 0, 0.17);}
.form .inputBox textarea{width: 100%;    height: 100px;    background-color: #024b83;    border: none;    outline: none;    border-radius: 40px;   color: #fff;    font-size: 18px; box-shadow: inset -2px -2px 6px rgba(255,255,255,0.1), inset 2px 2px 6px rgb(3, 54, 93);     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;}
footer{background: url(images/fmap.png)no-repeat;}
.widget img {    margin-top: 10px;}
.copy-text p {    padding-left: 50px;    padding-right: 50px;}
.copy-text a{color: #000;}
.widget a{transition: 0.5s;}
.widget a:hover {    color: #fbba42 !important; padding-left: 5px;}
span.heading-text {    font-size: 20px;    display: block;    padding-bottom: 5px;}
.copy-right {    background: #f9f9f9;}
/*copy-right*/
.action{position: fixed;    bottom: 242px;    left: 25px;    width: 50px;    height: 50px;    cursor: pointer;    background-color: #fff;    border-radius: 50%;    box-shadow: 0 5px 5px rgb(0 0 0 / 10%);    z-index: 999;}
.action span{position: relative; width: 100%;height: 100%; display: flex; justify-content: center; align-items: center; color: #feb616; font-size: 2em; transition: 0.3s ease-in-out;}
.action:active span{transform: rotate(135deg);}
.action ul{position: absolute; bottom: 55px; background-color: #fff; min-width: 250px; padding: 20px; border-radius: 20px; opacity: 0; visibility: hidden; transition: 0.3s;}
.action.active ul{opacity: 1; visibility: visible; transition: 0.3s; bottom: 65px;}
.action ul li{list-style-type: none; display: flex; justify-content: flex-start; align-items: center; padding: 10px 0px; transition: 0.3s;}
.action ul li:hover{font-weight: 600;}
.action ul li:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.action ul li img {transform: scale(0.8);}
.action ul li:hover img{pacity: 0.8;}
.site-bg-secondry{    background-color: #00173c;}
.wt-bnr-inr {height: 350px;	background-size: cover;	background-position: center center;	display: table;	width: 100%; background: url(https://www.mexstorage.net/app/webroot/images/productitems/inner-banner.jpg);}
.wt-bnr-inr .container {	display: table;	height: 100%;}
.wt-bnr-inr-entry {	display: table-cell;	vertical-align: middle;	text-align: center;}
.wt-bnr-inr-entry .banner-title-outer {	position: relative;}
@media only screen and (max-width: 991px) {
.wt-bnr-inr {height: 330px;	padding-top: 120px;	}
.wt-bnr-inr-entry {text-align: center;}
}
@media only screen and (max-width: 540px) {
.wt-bnr-inr-entry .banner-title-name h1,.wt-bnr-inr-entry .banner-title-name h2,.wt-bnr-inr-entry .banner-title-name h3 {font-size: 42px;line-height: normal;	}
}
.banner-inner-row h1,.banner-inner-row h2,.banner-inner-row h3,.banner-inner-row h4,.banner-inner-row h5,.banner-inner-row h6 {	color: #FFF;}
.wt-bnr-inr-entry {    display: table-cell;    vertical-align: middle;    text-align: center;}
.wt-bnr-inr-entry .banner-title-outer {    position: relative;}
.wt-breadcrumb {margin: 0;  list-style: none;}
.wt-breadcrumb li {    padding: 0px;    margin-right: 3px;    color: #fff;    position: relative;    display: inline-block; }
.wt-breadcrumb li:last-child{     color: #ffb717;}
.our-products {    background: #f1f1f1;}
.box-listing{ border-bottom-left-radius: 10px;	border-bottom-right-radius: 10px;     border-bottom: 20px solid #acab5b;}
.box-listing h4{color: #fff; background-image: linear-gradient(to right, #024b83 , #afad5a);	padding: 10px 20px;font-size: 20px;	font-weight: 700;	border-top-left-radius: 10px;	border-top-right-radius: 10px;}
.box-listing ul{	position: relative;	background-color: #fff;}
.box-listing ul li:hover{	opacity: 0.2;}
.box-listing ul li{list-style: none;    padding: 10px;    width: 100%;    background-color: #fff;    box-shadow: 0px 5px 25px rgba(0,0,0,0.1);    transition: transform 0.5s; margin-bottom: 10px;}
.box-listing ul li:hover{	transform: scale(1.1);	z-index: 100;	background-color: #024b83; 	box-shadow: 0 5px 25px rgba(0,0,0,0.2);	color: #fff;	opacity: 1;}
.box-listing ul li span{width: 20px;	height: 20px;	text-align: center;	line-height: 20px;	background-color: #afad5a;color: #fff; 	display: inline-block;	border-radius: 50%;	margin-right: 10px;	font-size: 12px;	font-weight: 600;	transform: translateY(0px); }
.box-listing ul li:hover span{	background-image: linear-gradient(to right, #024b83 , #afad5a); color: #fff;}
.box-listing a { color: #333; transition: 0.5s;}
.box-listing a:hover{color: #fff; display: block;}
.box{ background: #ffb718;   overflow: hidden;    position: relative;    transition: all 0.3s;}
.box:hover{    box-shadow: 0 0 20px -5px rgba(247,126,56,0.5);    border-radius: 10px;}
.box:before{    content: "";    background:rgba(255,255,255,0.5);    width: 100%;    height: 100%;     transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);    position: absolute;    top: 0;    left: 0;    z-index: 1;    transition:all 0.5s;}
.box:hover:before{ transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
.box img{    width: 100%;    height: auto;    opacity: 0.95;    transition: all 0.5s;}
.box:hover img{    opacity: 0.6;    transform: rotate(10deg) scale(1.5);}
.box .box-content{    color: #fff;    background: linear-gradient(to right,transparent,rgba(0,0,0,0.2),rgba(0,0,0,0.2));    text-align: right;    border-right: 3px solid #fff;    padding: 5px 10px;    opacity: 0;    transform: scaleX(0);    transform-origin: right center;    position: absolute;    bottom: 10px;    right: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .box-content{    opacity: 1;    transform: scaleX(1);}
.box .title{    font-size: 22px;    font-weight: 700;    text-transform: uppercase;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    margin: 0;}
.box .post{    font-size: 20px;    font-style: italic;    text-transform: capitalize;    letter-spacing: 1px;    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    color: #fff;}
.box .icon{    padding: 0;    margin: 0;   list-style: none;    opacity: 0;    transform: scale(0);    position: absolute;    top: 15px;    left: 15px;    transition: all 0.4s cubic-bezier(0.6, -0.1, 0.735, 0.045);}
.box:hover .icon{    opacity: 1;    transform: scale(1);}
.box .icon li{ margin: 0 0 10px; }
.box .icon li a{color: #fff;    font-size: 18px;    text-align: center;    line-height: 33px;    height: 35px;    width: 35px;    border: 2px solid #fff;    border-radius: 50px;    box-shadow: 2px 2px 3px rgba(0, 0, 0, .6);    display: block;    transition: all 0.3s;    position: absolute; }
.box .icon li a:hover{    background: #f77e38;   border-radius: 0;}
@media only screen and (max-width:990px){
.box { margin: 0 0 30px; }
}
.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: #000;}
.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% 15%;    line-height: 23px;    margin-bottom: 20px; color: #000;}
.final-list-product{    font-family: 'Comfortaa', cursive;}
.color-site {    background: #ffb718;}
.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: #024b83;}
.our-presence {    padding: 50px 0; padding: 50px 0; padding-bottom: 150px;}
ul.coloring li a {    background: #09429f;    padding: 15px;    color: #fff;}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {     background: #ffb716; padding: 15px; color: #fff; font-size: 18px;}
.full-width-type {    background-color: #222222;   margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.inner-states {    text-align: left !important;    padding-bottom: 13px;}
.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}
.inner-states i {  padding-right: 8px;}
.inner-states a {    color: #fff;}
.inner-left-side-product h3{padding-bottom: 20px; font-size: 35px;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
.hvr-radial-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden;      background-image: linear-gradient(to right, #034c83 , #0781b1);  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-radial-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;      background-image: linear-gradient(to right, #0781b1 ,  #034c83);  border-radius: 100%;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {  color: white;}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {  -webkit-transform: scale(2);  transform: scale(2);}
.contact_main{    min-height: 378px;	text-align:center;	border:1px solid #e2e2e2;	-webkit-transition: all .5s;	-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;	}
.contact_main span{font-size: 30px;    margin-top: 30px;       color: #feb517;   margin-bottom: 30px;    text-transform: capitalize; display: block;}
.contact_main p{    font-size: 16px;    line-height: 25px;    margin: 0;    padding: 15px;}
.contact_main p a{	color:#000;}
.contact_main p a:hover{	color:#024b83;}
.contact_rotate{	position:relative;	background: rgb(209,72,127);	padding:50px 0;	background:#024b83;}
.contact_rotate i{	display: inline-block;    width: 70px;    height: 70px;	color:#fff;	font-size:24px;	line-height:70px;	border:2px solid #fff;	text-align:center;	position:relative;	-webkit-transition: all .5s;	-moz-transition: all .5s;	-ms-transition: all .5s;	-o-transition: all .5s;}
.contact_rotate:before {   content: '';    border-bottom: 179px solid transparent;    position: absolute;    left: 0px;    top: 0;    border-left: 70px solid #fff;}
.contact_rotate:after {     content: '';    border-bottom: 20px solid transparent;    position: absolute;    left: 1px;    top: 0px;    border-left: 351px solid #fff;}
.map_wrapper_top .map_wrapper{	float:left;	width:45%;	padding:0;}
.map2_wrapper #map {    width: 100%;    height: 600px;	padding:0;	-webkit-border-radius: 0;   -moz-border-radius: 0;    border-radius: 0; }
.contact_field_wrapper{	width: 100%;    background-image: url(images/cntct_bg.png);   background-position: center 0;    background-size: cover;    position: relative;     padding: 40px 100px 40px 100px;}
.tb_es_btn_wrapper  button{    width: 100%;    height: auto;    background: #ffb716;   text-align: center;    cursor: pointer;    font-size: 16px;    color: #fff;    border: 1px solid transparent;    line-height: 43px;    text-transform: capitalize;    -webkit-transition: all 0.6s;    -o-transition: all 0.6s;    -ms-transition: all 0.6s;    -moz-transition: all 0.6s;    transition: all 0.6s;}
.tb_es_btn_wrapper  button:hover {    background-color: transparent;    color: #333; border: 0px;	border: 1px solid #034c83;   -webkit-transition: all 0.6s;    -o-transition: all 0.6s;    -ms-transition: all 0.6s;    -moz-transition: all 0.6s;    transition: all 0.6s;}
.jb_heading_wraper h3 {font-size: 36px;    line-height: 42px;    text-transform: capitalize;    font-weight: 400;    margin-bottom: 0px;}
.comments_form .form-control {    height: 50px;        padding: 15px 8px;    font-size: 16px;    border: 1px solid #e2e2e2;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;    box-shadow: none;    -webkit-transition: all 0.3s ease 0s;    -moz-transition: all 0.3s ease 0s;    -o-transition: all 0.3s ease 0s;    transition: all 0.3s ease 0s;    background-color: #fff;}
.comments_form .form-group i {    position: absolute;    top: 17px;   right: 22px;color: #ffb716;}
.comments_form .form-group {    margin-bottom: 25px;}
.comments_form .form-group {    position: relative;}
textarea.message-form {    height: 120px !important;}
a.hk-hide {pointer-events: none;}
.mobile-menu {display: none;}
.full-text p {line-height: 28px;     padding-bottom: 15px;}
.our-anchor {    padding-bottom: 20px;    font-size: 34px;    color: #fff;    margin: 0px;    padding-top: 10px;    font-weight: 600;}
.full-width-type a:hover {    color: #fff;}
.box-three-bg.rounded li {    color: #fff;}
.box-three-bg.rounded p {    color: #fff;}
.final-list-product h2 {    font-size: 24px;    padding-bottom: 28px;}
.final-list-product h3 {    font-size: 24px;    padding-bottom: 28px;}
.final-list-product h4 {    font-size: 24px;    padding-bottom: 28px;}
.final-list-product ul {padding-bottom: 18px;}
.box-three-bg li {   margin-bottom: 10px;    list-style-type: square;}
.abut-con p { color: #000; line-height: 28px;  /* opacity: 0.5; */  padding-bottom: 18px;}
table { font-family: 'Comfortaa', cursive; border-collapse: collapse;  width: 100%;}
td, th {  border: 1px solid #dddddd;  text-align: left;  padding: 8px;}
tr:nth-child(even) {  background-color: #dddddd;}
.under-work-why h2 {    font-size: 30px;}
.about_us_content h2 { margin-top: 95px; font-size: 30px;  margin-bottom: 12px !important;}
.man-par {    text-align: center;   font-size: 20px;    padding-left: 58px;    padding-bottom: 4px;}
.h4-par { width: 100%;   text-align: center;    display: block;    padding-bottom: 14px;   padding-top: 0px;}
.section-title.headline.relative-position.text-center h5 {    padding-bottom: 44px;}
figure.effect-bubba img {    height: 350px;    object-fit: cover;}
.rl-par {    font-size: 30px !important;   font-weight: 700;}
.about_details_content p {    color: #000;}
.pro-box figure.effect-bubba p.rl-par {    margin-top: 75px;    line-height: 35px;}
.seprate-div {    margin-top: 30px;}
.seprate-div h3{font-size: 30px; margin-bottom: 12px !important;}
.seprate-div h4{font-size: 30px; margin-bottom: 12px !important;}
.small-link a {    display: block;}
.final-list-product ul li { color: #000;}
.whats-app-icon img{position: fixed;    bottom: 155px;    left: 50px;    cursor: pointer;    transition: 0.5s;  /*  z-index: 99999;*/    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);    border-radius: 100px;}

.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: black;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
.mobile-three-item li:last-child{background-color: #0a64a2;}
.mobile-three-item li a{color: #fff;}
.mobile-three-item { text-align: center;    position: fixed;    z-index: 999;  bottom: 0; width: 100%;}
.mobile-only {    display: none;}
.modal-header {    padding: 0 15px !important;    color: #fff;    background-color: #0a64a2;    height: 46px;}
.white-wrap { border-radius: 10px;    box-shadow: 0px 5px 10px #ccc;    float: left;    width: 100%;    padding: 30px;    background: #ed1c24;margin-bottom: 40px;}
.whats-app-icon img{position: fixed;    bottom: 50px;    left: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 999;    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);    border-radius: 100px;}
/* Send Enquire */
.enquiry{position: fixed;z-index: 1000;bottom: 178px;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: #0a64a2; 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: #0a64a2;}
.enquiry strong:hover{ color:#000; background: #eee;}
div#exampleModal .modal-dialog{width: 100% !important;}
/* Modal Form*/
.modal-content{border-radius: 0;}
/*.modal-header{ padding: 10px 15px; background: #3a376c; color: #fff;}*/
.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%;}
.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;}
.modal_btn:hover,.modal_btn:focus{background: #3a376c; color: #fff;}
.form-group textarea {height: 100px !important;}
/*button.close {    position: relative;    left: 88%;}*/
/*button.close {display: block;  text-align: center; width: 100%; font-size: 22px; line-height: 45px;}*/
span.modal-title {    display: block;    text-align: center;}
span#exampleModalLabel {    line-height: 42px !important;    font-size: 25px !important;}
span.modal-title {    display: block;    text-align: center;    width: 100%;}
.cover-product-this h2 {    font-size: 22px;    margin-bottom: 14px;}
.cover-product-this h3 {    font-size: 22px;    margin-bottom: 14px;}
span.text-theme-colored {     font-family: 'Playfair Display', serif;    font-weight: 800;    display: block;    margin-bottom: 15px;}
.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #024b83;    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;}
span.text-theme-colored {    font-size: 30px;}
.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;}
.related_content p {    margin-bottom: 12px;}
.random-block {    padding: 50px 0;}
h6.header {    margin: 0;    padding: 0;    cursor: pointer;    font-size: 16px;    min-height: 49px;    position: relative;    background: linear-gradient(45deg, #011e34, #185f94);    padding-left: 15px;}
.expandedContent ul li {    color: #000;    font-weight: 500;    list-style: disc;    margin: 10px 25px;}
.content-side-product-details span {    font-size: 22px;    font-weight: 900;    display: block;    margin-bottom: 10px;}
.random-block .content-side-product-details p strong {    font-size: 20px;}

/*Call Me*/
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 105px;    color:white;    background-color:#0a64a2;   animation: topBottom 4s infinite;    z-index: 999;    left: 25px;    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)}
}
.pera-content h1 {    font-size: 29px; margin-bottom: 10px;}
.pera-content p {    padding-bottom: 30px;}

.center-part span {    font-size: 22px;    font-weight: 800;    margin-bottom: 10px !important;    display: block;}
.list-inline-item {    display: inline-block;}
.cover-product-this h4 {    font-size: 22px;    margin-bottom: 10px;}

.social-icons li {
    background-color: #cea54b;
    border-radius: 50%;
    padding: 4px 10px;
    margin-right: 7px;
}

.social-icons {
    display: flex;
}

.social-icons li a {
    color: #fff;
}