@import url('https://fonts.googleapis.com/css?family=Public+Sans:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 30px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Lora', serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px;}
a{font-size: 15px; font-family: 'Public Sans', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Public Sans', sans-serif; line-height: 28px; color: #787878;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px;}
input{ margin: 0px; font-family: 'Public Sans', sans-serif;}
textarea{ margin: 0px; font-family: 'Public Sans', sans-serif;}
/*header*/
h1.wood {    font-size: 25px;}
.social-btns li {    display: inline-block;}
.top-header{background: #1c63b8;}
.top-header ul a{color: #fff;}
.welcome p{color: #fff;}
a.hk-hide {pointer-events: none;}

.welcome ul li a {
    margin-right: 12px;
}
.social-media img{ transition: transform 0.8s;  transform-style: preserve-3d;}
/*.social-media img:hover{ transform: rotateY(360deg);}*/
.sticky{background-color: #040c17;}
/*nav*/
/*.sticky span.dropBottom,
.sticky span.dropRight {  display: block; position: absolute;  left: 0px;  width: 100%;  height: 100%;  top: 0px;}
.sticky span.dropBottom {  position: absolute;  width: 100%;  bottom: 0px;}
.sticky nav {  display: table;  margin: 0px auto;  }
.sticky ul {  margin: 0;  padding: 0;  list-style: none;}
.sticky ul ul {  opacity: 0;  position: absolute;  top: 160%;  visibility: hidden; transition: all .4s ease;  -webkit-transition: all .4s ease;}
.sticky ul ul ul {  top: 0%;  left: 160%;}
.sticky ul ul li:hover > ul {  top: 0%;  left: 100%;  opacity: 1;  visibility: visible;}
.sticky ul li:hover > ul {  opacity: 1;  top: 100%;  visibility: visible;}
.sticky ul li {  float: left;  position: relative;}
.sticky ul ul li { float: none;     width: 350px; border-bottom: 1px solid #235ca1}
.sticky ul li {  cursor: pointer;}
.sticky ul a {text-decoration: none;    display: block; padding: 10px 15px;   text-align: center;    font-size: 16px;    color: #fff;    text-transform: uppercase; transition: 0.5s;}
.sticky ul li:hover { background-color: #1c63b8; }
.sticky ul li a:hover { background-color: #1c63b8;transform: skewY(3deg); }
ul.coloring-mode { background-color: #1c63b8; z-index: 99999999999999;}
ul.coloring-mode li a{text-transform: capitalize; text-align: left;}
li.active-nav{background: #1c63b8;   transform: skewY(3deg);}*/
.four-item{overflow:hidden;}
.shades-color {   background: red;}
.shades-color:first-child{background: #021c80;}
.shades-color:nth-child(2){background: #001668;}
.shades-color:nth-child(3){background: #001347;}
.shades-color:nth-child(4){background: #000f37;}

.shades-color span {color: #fff; font-size: 19px;}
.shades-color i{font-size: 35px; color: #fff;}
.about-bg{background: url(images/about-bg.jpg)no-repeat; background-attachment: fixed; background-size: cover; position: relative;}
.gggg p{background-color: #1c63b8; color: #fff;}
.main-title p {width: 45%;    margin: 0px auto;    padding: 12px;}
.about-bg{position: relative;}
.about-bg {    position: relative;    padding: 60px 0 50px 0;}
.about-section{   background: #fff;    width: 80%;    margin: 0px auto; z-index: 9;   }
/* 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-color: #1c63b8; -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-color:#040c17;  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);}
.buttton-row li{display: inline-block;}
.buttton-row a {    padding: 10px;   border-radius: 50px; color: #fff; font-size: 16px;}
.buttton-row a:hover {color: #fff !important;}
.some-content span {    font-size: 19px;    font-weight: 700;     color: #fff;}
.bordering{position: relative;}
/*.bordering::after{    position: absolute;    left: -40px;    content: ''; border: 5px solid #0e7488;; width: 318px;    height: 425px;    z-index: -9;}*/
.prod-img { border: 3px solid #040c17; padding: 0px;}
section.products-categires {padding: 200px 0 100px 0; position: relative; background: #1c63b8}
.prod-img img {position: relative; bottom: 38px; left: 4%;}
.some-content {padding-left: 16px; padding-right: 20px; bottom: 24px !important;    position: relative;}
.about-content{background: url(images/bg-img.png)no-repeat; background-position: 50% 50%;}
.prod-content p{line-height: 25px;}
/*div#carouselExampleIndicators:after {content: '';    background: transparent;    width: 0;    height: 0;    border-left: 585px solid transparent;    border-right: 585px solid transparent;   border-bottom: 68px solid #FFF;    position: absolute;    bottom: 0;    z-index: 100;    left: 8%;}*/
.ser-img p{    color: #001568;    font-weight: 600;    font-size: 17px;}
.some-content p {    color: #fff;}

.product-bg{  background-color: #040c17; position: relative;} 
.product-bg span{    color: #fff;   font-size: 25px; text-transform: uppercase;    font-weight: 700;     line-height: 50px;}
.product-bg p{color: #fff;}
.product-bg a{color: #fff; font-size: 18px;}
.products-section{overflow:hidden;}
.service-box {  margin-bottom: 30px;}
/* 12 .services-section */
.services-section .welcome-wrp {    padding: 0 !important;}
.services-wlc {    background-color: #053636;    min-height: 320px;}
.services-wlc .content {    float: right;    padding-right: 35px;    position: relative;    right: 0;    text-align: right;    top: 50px;    width: 65%;}
.services-wlc .content .title {    color: #fff;    font-size: 22px;    font-weight: 600;    margin-bottom: 15px;    margin-top: 0;    text-transform: uppercase;}
.service-box {    margin-bottom: 30px;    overflow: hidden;    position: relative;    transition: all ease-in 400ms;    -webkit-transition: all ease-in 400ms;    -moz-transition: all ease-in 400ms;}
.services-carousel .service-box {    margin-bottom: 30px;}
 .service-box .img-thumb img {    min-height: 320px;    width: 100%;}
 .service-box .content {    bottom: 0;    display: inline-block;    left: 0;    position: absolute;    right: 0;  text-align: center;    z-index: 1;}
 .service-box .content .title {    background: #1c63b8;    color: #fff;    font-size: 16px;    font-weight: 600;    padding: 12px 0;    position: relative;    text-transform: uppercase;    transition: all ease-in 400ms;    -webkit-transition: all ease-in 400ms;    -moz-transition: all ease-in 400ms;    margin: 0px 20px 0px 20px;}
  .service-box .content .title:before {    background-color:#1c63b8;    bottom: 0;    content: "";    height: 101%;    left: -25px;    position: absolute;    transform: skewX(-40deg);    -webkit-transform: skewX(-40deg);    width: 50px;    transition: all ease-in 400ms;    -webkit-transition: all ease-in 400ms;    -moz-transition: all ease-in 400ms;}
 .service-box .content .title:after {    background-color: #1c63b8;    bottom: 0;    content: "";    height: 101%;    position: absolute;    right: -25px;    transform: skewX(40deg);    -webkit-transform: skewX(40deg);    width: 50px;    transition: all ease-in 400ms;    -webkit-transition: all ease-in 400ms;    -moz-transition: all ease-in 400ms;}
 .service-box:hover .content .title {    background-color: #1c1c1c;}
 .service-box:hover .content .title:before {    background-color: #1c1c1c;}
 .service-box:hover .content .title:after {    background-color: #1c1c1c;}
 .service-box .content .title a {    color: #fff;    position: relative;    z-index: 9999;     font-size: 13px;}
 .service-box .overlay1 {   background-color: rgba(28, 99, 184, 0.90);    display: inline-block;    left: 0;    padding: 50px 30px 30px;    position: absolute;    right: 0;    text-align: center;    top: -100%;    height: 100%;    transition: all ease-in 500ms;    -webkit-transition: all ease-in 500ms;    -moz-transition: all ease-in 500ms;    z-index: 0;}
 .service-box:hover .overlay1 {    top: 0;}
 .service-box .overlay1::before {    background-color:  rgba(28, 99, 184, 0.90);    bottom: -50px;    content: "";    height: 50px;    left: -25px;    position: absolute;    transform: skewX(-40deg);    -webkit-transform: skewX(-40deg);    width: 40px;}
.service-box .overlay1::after {    background-color:  rgba(28, 99, 184, 0.90);    bottom: -50px;    content: "";    height: 50px;    right: -25px;    position: absolute;    transform: skewX(40deg);    -webkit-transform: skewX(40deg);    width: 40px;}
.service-box .overlay1 p {  color: #fff;  line-height: 22px; position: relative;  top: 25%;}
.service-box .overlay1 .value {    color: #fff;    display: inline-block;    font-size: 18px;    font-style: italic;    font-weight: 600;    width: 100%;}
.service-box .overlay1 .value .service-price {    color: #012f5d;    font-size: 22px;}
.service-box .overlay1 .btn-link {    color: #053636;    display: inline-block;    font-size: 13px;    font-weight: 600;    margin-top: 10px;}
.service-box .overlay1 .btn-link:hover {text-decoration: none;}
/*end*/
div#owl-demo .owl-buttons{ position: absolute;    top: 85px;    color: #fff;    left: -18%;    width: 100px;    height: 45px;}
div#owl-demo .owl-buttons .owl-prev { background-color: #1c63b8;}
div#owl-demo .owl-buttons .owl-next{background-color: #1c63b8;}
/*services-carousel*/
.counter-box span {background: url(images/special_offer_text_bg.jpg); background-position: 50% 50%;    background-repeat: no-repeat;    background-clip: text;    text-fill-color: transparent;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent; -webkit-animation-name: masked-animation; animation-name: masked-animation;    -webkit-animation-duration: 10s;    animation-duration: 10s;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;    font-weight: 800;    color: #333;    font-size: 300px;}
@keyframes masked-animation{
0%, 100% {background-position: 50% 35%;}
50% {background-position: 50% 65%;}
}

.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%; top:6px;}
.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:112px; color:#fff; right:45%;width:100px; height:45px;}	
.owl-buttons .owl-next,	.owl-prev{	width:45px;    height:45px;    font-size:0;    position: absolute;    top:175px;	background:transparent;	left: 55px;	background: #8db84d;}
.owl-next {right:0;}
.owl-prev{ left:0px;}
.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: 8px;    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: 8px;    color: #fff;    left: 8px;}
.owl-prev.active {background: #ffbd1f;}
.owl-next .active {background: rebeccapurple;}
 div#owl-demo {  text-align: center;}
.testimonal{background-color: #fff;}
#owl-demo-client .owl-prev:before {    content:url(images/left.png);    position: absolute; 	top: 8px;    left: 8px;}
#owl-demo-client .owl-next:after {    content:url(images/right.png);   position: absolute;    top: 5px;   color: #fff;    left: 4px;	}
#owl-demo-client .owl-buttons{ position: absolute;  top: 15px;    color: #fff;    right: 10px;    width: 100px;    height: 45px;}
.year-of-experince span {    font-size: 52px;    font-weight: 900;    line-height: 63px;}
.year-of-img img {    box-shadow: 0 10px 15px 5px #ccc;}
.testimonial{background: #f1f1f1}
.tagline span {font-size: 48px;    font-weight: 900;     line-height: 65px; color: #1c63b8 !important;}
.tag-btn a{border-radius: 50px; color: #fff; padding: 15px 25px 15px 25px;}
.testimonial-box{ background-color: #040c17; border-radius: 10px;}
#owl-demo-client .item i{background: #1c63b8;    color: #fff;    padding: 20px;    border-radius: 50px;}
#owl-demo-client .item p{color: #fff;}
.client-text span{font-size: 20px; color: #fff;}
.client-img img {    border-radius: 50px;}
#owl-demo-client .owl-buttons {    position: absolute;    top: 12%;    color: #fff;    right: 10px;    width: 100px;    height: 45px;    right: 8%;}
#owl-demo-client .owl-buttons .owl-prev {background-color: #1c63b8}
#owl-demo-client .owl-buttons .owl-next {background-color: #1c63b8;}
.social-media-footer{background: url(images/bg-social.jpg)no-repeat; background-attachment: fixed; background-size: cover;}
.phone-icon i{background-color: #1c63b8;   border-radius: 50px; padding: 20px;    color: #fff;    font-size: 50px;    /* padding: 15px; */    width: 90px;    height: 90px; -moz-border-radius: 50% !important;    -webkit-border-radius: 50% !important;    border-radius: 50% !important;    -moz-background-clip: padding;    -webkit-background-clip: padding-box;    background-clip: padding-box; -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;    animation: zcwmini2 1.5s 0s ease-out infinite;}
@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
.phone-icon a{font-size: 50px; color: #fff; font-weight: 700; line-height: 90px;}
.address-footer p{color: #fff;font-size: 30px; line-height: 45px;}
.address-footer a{font-size: 40px; color: #fff;  background-color: #1c63b8;} 
.social-footer li{display: inline-block;}
.address-text span{font-weight: 600; font-size: 18px;}
.address-text a{color: #787878;}
.footer-filed input,textarea{    outline: none;    resize: none;    height: 40px;    border: 1px solid #e8e8e8;}
.footer-form span {    font-size: 30px;    font-weight: 700;}
.footer-filed-submit input {    border: none;    height: 35px;}
.footer-filed textarea {    height: 100px;}
.footer-filed-submit input{background-color: #040c17; outline: none; color: #fff;     font-family: 'Public Sans', sans-serif; cursor: pointer;}
.product-slide {    padding: 0;}
.widget a{color: #787878; transition: 0.5s;}
.widget a:hover{padding-left: 5px; color: #1c63b8;}
.buttton-row a{color: #fff;}
.copy-right{background-color: #1c63b8;}
.copy-right p{color: #fff;}
.copy-right a{ color: #fff;}
#toTop{position:fixed; bottom:5px; right:5px; cursor:pointer; transition: 0.5s; z-index: 99999;}
footer{position: relative;}
/*footer::before{background: url(images/footer-after.png)no-repeat;    position: absolute;    content: '';    width: 240px;    height: 288px;    bottom: 290px; right: 0px;}*/
div#owl-demo .item{margin: 10px;}
.border-line {border: 2px solid #040c17; transition: 0.5s;}
.border-line:hover{border: 3px solid #1c63b8;}
.breadcrumbs-page{      background-image: url(images/common-banner.jpg);    background-repeat: no-repeat;    background-position: 80% 50%;    padding: 100px 0;    background-size: cover;}
.breadcrumbs-page .breadcrumb{    background: transparent;    color: #FFF;    padding: 0;    font-size: 0.875rem;    font-weight: 600;}
.breadcrumbs-page .breadcrumb a,.breadcrumbs-page .breadcrumb-item+.breadcrumb-item::before,.breadcrumb-item.active{    color: #FFF;}
.breadcrumbs-page .breadcrumb-item+.breadcrumb-item::before {    top: 1px;    position: relative;}
.breadcrumbs-page h1 {    color: #FFF;    text-transform: uppercase;    font-size: 2rem;    font-weight: 700;}
.breadcrumbs-description{    padding: 0.75rem 1.5rem;    color: #FFF;    border-left: 2px solid #007373;    max-width: 50%;    margin-top: 15px;}
.about-page-hide-img {    background: none; background-color: #f1f1f1;}
.breadcrumbs-description p {color: #fff;}
.about-page {    background: #f9f9f9;    padding-top: 100px;}
.pro-box [class*=' imghvr-fall-away-'],[class^=imghvr-fall-away-] {  -webkit-perspective: 50em;  perspective: 50em;}
.pro-box [class*=' imghvr-fall-away-'] img,[class^=imghvr-fall-away-] img {  -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;  -webkit-transition: all .45s ease-in;  transition: all .45s ease-in;}
.pro-box [class*=' imghvr-fall-away-'] figcaption,[class*=' imghvr-fall-away-']:hover img,[class^=imghvr-fall-away-] figcaption,[class^=imghvr-fall-away-]:hover img {  opacity: 0;}
.pro-box [class*=' imghvr-fall-away-']:hover figcaption,[class^=imghvr-fall-away-]:hover figcaption {  opacity: 1;  -webkit-transition-delay: .45s;  transition-delay: .45s;}
.pro-box .imghvr-fall-away-horiz:hover img {  -webkit-transform: rotateX(-360deg) scale(.2);  transform: rotateX(-360deg) scale(.2);}
.pro-box .imghvr-fall-away-horiz:hover figcaption {  -webkit-transform: rotateX(0);  transform: rotateX(0);}
.pro-box .imghvr-fall-away-vert:hover img {  -webkit-transform: rotateY(-360deg) scale(.2);  transform: rotateY(-360deg) scale(.2);}
.pro-box .imghvr-fall-away-vert:hover figcaption {  -webkit-transform: rotateX(0);  transform: rotateX(0);}
.pro-box [class*=' imghvr-'],[class^=imghvr-] {position: relative;  display: inline-block;  margin: 0;  max-width: 100%;  background-color: #1c63b8; color: #666;  overflow: hidden;  -moz-osx-font-smoothing: grayscale;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transform: translateZ(0);  transform: translateZ(0);}
.pro-box [class*=' imghvr-'] img,[class^=imghvr-] img {  vertical-align: top;  max-width: 100%;}
.pro-box [class*=' imghvr-'] figcaption,[class^=imghvr-] figcaption {  background-color: #fff;   position: absolute;  top: 15px;  bottom: 15px;  left: 15px;  right: 15px;  border: 1px solid rgba(0,0,0,.1);}
.pro-box [class*=' imghvr-'] h3,[class*=' imghvr-'] p,[class^=imghvr-] h3,[class^=imghvr-] p {  margin: 0;  padding: 0;}
.pro-box [class*=' imghvr-'] h3,[class^=imghvr-] h3 { font-weight: 700; color: #333; margin-bottom: 2px; font-size: 22px; width: 100%; text-align: center;     position: relative;    top: 35px;}
.pro-box [class*=' imghvr-'] p,[class^=imghvr-] p {  font-size: .9em;  padding-left: 10px;    padding-right: 10px;    position: relative;    top: 0px;    text-align: center;    line-height: 21px;}
.pro-box [class*=' imghvr-'] a,[class^=imghvr-] a {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 1;}
.pro-box [class*=' imghvr-'],[class*=' imghvr-'] *,[class*=' imghvr-'] :after,[class*=' imghvr-'] :before,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-] :after,[class^=imghvr-] :before,[class^=imghvr-]:after,[class^=imghvr-]:before {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all .35s ease;  transition: all .35s ease;}
.demo img { border: 1px solid #ccc;}
.our-products {    background: #f1f1f1;}
section.products-details {padding: 50px 0;}
.final-products img{width: 100%;     margin-bottom: 20px;}
.final-products p {line-height: 25px;}
.products-details{padding: 50px 0px;}
.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: 25px; color: #777;}
.products-fill { border-right: 1px solid #ccc;}
.zoom-effect {    border: 1px solid #ccc;}
.form-style-10{background: url(images/bg-form.jpg); border-radius: 30px;}
.form-style-10 p{color: #fff; font-size: 30px;}
.form-style-10 input,textarea{background: transparent; padding-left: 10px; color: #fff; outline: none;}
.form-style-10 input:first-child{border: 1px solid #fff !important;     border-radius:50px; }
.form-style-10 input:nth-child(2){border: 1px solid #fff !important;    border-radius:50px;}
.form-style-10 input:nth-child(3){border: 1px solid #fff !important;  border-radius:50px;}
.form-style-10 input:nth-child(4){border: 1px solid #fff !important;   border-radius:50px;}
.form-style-10 textarea {font-size: 14px;    border: 1px solid #fff !important;    border-radius: 50px;    height: 65px;    padding-left: 16px;    padding-top: 5px;}
input.submit-short-form {width: 100%;    border: none;  font-size: 14px;  border: 1px solid #ccc;    border-radius: 50px;}
.form-style-10 input {    height: 35px;    color: #fff; font-size: 14px;}
.form-style-10 input::-webkit-input-placeholder {  color: #fff;}
.form-style-10 input::-moz-placeholder {color: #fff;}
.form-style-10 input:-ms-input-placeholder {color: #fff;}
.form-style-10 input:-moz-placeholder { color: #fff;}
.form-style-10 textarea::-webkit-input-placeholder { color: #fff;}
.form-style-10 textarea::-moz-placeholder {color: #fff;}
.form-style-10 textarea:-ms-input-placeholder {  color: #fff;}
.form-style-10 textarea:-moz-placeholder { color: #fff;}
.sitemap-list ul li { line-height: 35px; display: block;}
.sitemap-list li a {color: #333; transition: 0.5s;}
.sitemap-list li a:hover{padding-left: 5px;}
ul.products-ul {    padding-left: 20px; column-count: 4}

.our-presence {    padding: 50px 0;}
ul.coloring li a {    background: #1c63b8;    padding: 15px;    color: #fff;}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {      background: #1c63b8;   padding: 15px;    color: #fff;        font-size: 18px;}
.full-width-type { background-color:#040c17;  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;}
.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;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {  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;  background: #e1e1e1;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-shutter-out-horizontal:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  bottom: 0;  left: 0;  right: 0;  background-image: linear-gradient(to right, #09429f , #564942);  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 50%;  transform-origin: 50%;  -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-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {  color: white;}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {  -webkit-transform: scaleX(1);  transform: scaleX(1);}
.inner-states a {    width: 100%;    text-align: center;}
/* Radial In */
.hvr-radial-in {  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-color: #040c17; -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}
.hvr-radial-in:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #1c63b8; border-radius: 100%;  -webkit-transform: scale(2);  transform: scale(2);  -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-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {  color: white;}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {  -webkit-transform: scale(0);  transform: scale(0);}

.contact-page-form h2 {padding-left: 15px;    margin-bottom: 20px;}
.contact-info {   display: inline-block;    width: 100%;}
.contact-info-icon {    float: left;    text-align: center;    background: #1c63b8;   width: 40px;    height: 40px;    display: inline-block;    line-height: 47px;}
.contact-info-icon i {    font-size: 30px;    color: #fff;}
.contact-info-text {    padding-left: 60px;    margin-bottom: 40px;}
.contact-info-text h2 {    color: #0f1934;    font-size: 20px;    text-transform: capitalize;    font-weight: 700;}
.contact-info-text span {font-family: 'Public Sans', sans-serif;    font-size: 16px;      display: inline-block;   width: 100%;}
.contact-page-sec { background: #f1f1f1;}
.contact-info-text a{color: #000;}
.contact-page-form input {    font-family: 'Public Sans', sans-serif;    background: #fff none repeat scroll 0 0;    border: 1px solid #f0f0f0;   margin-bottom: 20px;    padding: 10px;   width: 100%;    color: #999999; outline: none;}
.single-input-fieldsbtn input[type="submit"] {    background:#1c63b8 none repeat scroll 0 0;    margin-left: 15px;    color: #fff;    display: inline-block;    font-weight: 600;    padding: 10px 0;    text-transform: capitalize;    width: 150px;    margin-top: 20px;    transition: 0.5s;    font-size: 16px;     font-family: 'Public Sans', sans-serif;     cursor: pointer;}
.single-input-fieldsbtn input[type="submit"]:hover {background-color: #040c17;     font-family: 'Public Sans', sans-serif;}
.single-input-field textarea {    border: 1px solid #f0f0f0;    width: 100%;    height: 120px;    padding: 10px;    outline: none;   resize: none; color: #999999;    background: #fff;     font-family: 'Public Sans', sans-serif;}
.map iframe{display: block;}
.heading-product a {    font-size: 17px;}
.heading-product {    background-color: #1c63b8;  color: #fff;}
.heading-product a{color: #fff;}
figure.imghvr-fall-away-vert {    display: block;}
.mobile-version {    display: none;}

.fennec-mobile-nav .navbar-nav {  overflow-y: auto;  height: 428px;}
.fennec-nav .navbar .navbar-nav .nav-item {  position: relative;  padding: 0;}
.fennec-nav .navbar .navbar-nav .nav-item a {  font-weight: 600;  color: #fff;  text-transform: uppercase;  padding: 12px 12px; 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: 11px;}
.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-color: #1c63b8;  position: absolute;  border: none;  top: 80px;  left: 0;  width: 300px;  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;     overflow-y: scroll;  height: 525px;}
.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;}
.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: #fff; }
.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;}
.social-footer {    background: #fff;    margin: 0px auto;    padding: 10px;}
.whats-app-icon img {    position: fixed;    bottom: 225px;    left: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 999; }
/* Send Enquire */
.enquiry{position: fixed;z-index: 1000;bottom: 140px;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: #1c63b8; 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; }
.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: #1c63b8;  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: #6919bf; color: #fff;}
.form-group textarea {height: 100px !important;}
span.modal-title {  display: block;    text-align: center;    width: 100%;    font-size: 20px;    margin-top: 8px;}
/*Call Me*/
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;    bottom: 50px;    color:white;   animation: topBottom 4s infinite;    z-index:99;    left: 25px;    background-color: #040c17;    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)}
}


.cover-product-this ul {    padding-left: 15px;}
.cover-product-this ul li {    list-style-type: disc; margin-bottom: 15px;}
table {     font-family: 'Public Sans', sans-serif;  border-collapse: collapse;  width: 100%;}
td, th {  border: 1px solid #dddddd;  text-align: left;}
tr:nth-child(even) {  background-color: #dddddd;}

.dropdown-menu::-webkit-scrollbar {  width: 10px;}
.dropdown-menu::-webkit-scrollbar-track {  background: #f1f1f1; }
.dropdown-menu::-webkit-scrollbar-thumb {  background: #888; }
.dropdown-menu::-webkit-scrollbar-thumb:hover {  background: #555; }
.some-content span a {    font-size: 22px;}
.ser-img p a {    font-weight: 700;    color: #333;}
.cover-product-this h2 {    font-size: 25px;    padding-bottom: 10px;}
.cover-product-this h3 {    font-size: 25px;    padding-bottom: 10px;}
.cover-product-this h4 {    font-size: 25px;    padding-bottom: 10px;}
.cover-product-this h5 {    font-size: 25px;    padding-bottom: 10px;}
.cover-product-this h6 {    font-size: 25px;    padding-bottom: 10px;}
.cover-product-this ul li{ font-family: 'Public Sans', sans-serif;  color:#777;}
table p {    margin-bottom: 0 !important;    margin-left: 15px;}
.cover-product-this table {    margin-bottom: 20px;}
.about-content h2 {    font-size: 23px; padding-bottom: 10px; padding-top: 10px;}
.about-content h3 {    font-size: 25px;  padding-bottom: 10px; padding-top: 10px;}
.about-content h4 {    font-size: 25px;  padding-bottom: 10px; padding-top: 10px;}
.about-content h5 {    font-size: 25px;  padding-bottom: 10px; padding-top: 10px;}
.about-content h6 {    font-size: 25px;  padding-bottom: 10px; padding-top: 10px;}
.map iframe{width: 100%; height: 300px;}
a.heading-large {    font-size: 22px;}

p.related-heading {    background-image: linear-gradient(to right, #0675e6, #021c7a);    width: 100%;    display: block;    padding: 10px 15px;    font-size: 22px;    font-weight: 700;}
.read-btn a {    background: #0b1a32;    padding: 7px 15px;    color: #fff;}
.related_content p {    margin-bottom: 15px;}
/*.pro-box img {    height: 250px;}*/

.accordion__box {  max-width: 100%;  margin: 20px auto;  box-shadow: 0px 14px 20px 5px rgba(0, 0, 0, 0.1);}
.accordion__inner {  overflow: hidden;  display: none;  padding: 10px 20px;  position: relative;  background-color: #fff;  border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;}
.accordion__header {  border-radius: 5px;  font-weight: 300;  font-size: 18px;  margin-bottom: 0;  color: #fff;  display: flex;  justify-content: space-between;  background-color: #1c63b8;  padding: 12px 19px 10px 23px;  cursor: pointer;  transition: all 0.3s ease-in-out;     font-family: 'Public Sans', sans-serif;}
.accordion__header.show {  background-color: #040c17;  border-bottom-left-radius: 0;  border-bottom-right-radius: 0;}
.accordion__header.show::after {  transition: all 0.3s ease-in-out;  transform: rotate(180deg);}
.accordion__header::after {font-family: "Font Awesome 5 Free";  content: "\2b";  color: #fff;  max-width: 30px;  height: 30px;  width: 100%;  border-radius: 5px;  display: flex;  align-items: center;  justify-content: center;   font-size: 33px;  font-weight: 500;  transition: all 0.3s ease-in-out;}
.accordion__inner ul li {font-size: 15px;     list-style-type: disc;  font-family: 'Public Sans', sans-serif;    line-height: 28px;    color: #787878; display: block;}
.accordion__inner ul {    padding-left: 15px;    column-count: 2;}
.mobile-three-item li {    display: inline-block;    margin-right: 0;   padding: 10px 0px;    width: 32%;}
.mobile-three-item {    text-align: center}
.mobile-three-item li:nth-child(2) {    background-color: #64b161;}
.mobile-three-item li:last-child {    background-color: #1c63b8;}
.mobile-three-item li a {    color: #fff;}
.mobile-three-item {    text-align: center;    display: none;    position: fixed;   z-index: 999;    bottom: 0;    width: 100%;}
.mobile-btn-animation {    position: fixed;    left: 0;    bottom: 0;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-left: 2.5%;    border-radius: 4px;    box-shadow: 0 0 2px 1px white;    z-index: 1000;       background-image: linear-gradient(to right, #393286 , #0457b2);}
.mobile-btn-animation a {    color: white;}
#mobile-call-container a {    width: 100%;    min-width: 100%;}
.slow-animation {    animation-name: pulse;    animation-duration: 2s;    animation-timing-function: linear;    animation-delay: 0;    animation-iteration-count: infinite;    animation-fill-mode: none;    animation-play-state: running;}
.slow-animation {    position: fixed;    left: -10px;    bottom: -10px;    width: 30%;    color: white;    text-align: center;    font-weight: bold;    padding-top: 10px;    padding-bottom: 10px;    margin-bottom: 10px;    z-index: 1001;    transform: skewX(-30deg);    overflow-x: hidden;    height: 41px;    width: 20px;    background-color: rgba(255, 255, 255, 0.2);}
@keyframes pulse {
from {left: -30px}
to {left: 90px}
}
.under-location_list{background: #1c63b8;}
.under-location_list span {     font-family: 'Lora', serif;   font-size: 22px;    color: #fff;    font-weight: 600;    margin-bottom: 10px;}
.our-prdocuts-links{padding: 10px;    background: #f7f7f7;    box-shadow: 0 0 3px #ccc;}
.boxshadow-type {
    /* background: #fff; */
    padding: 0px;
    /* box-shadow: 0 0 3px #ccc; */
}ul.products-ul li a{color: #333; text-decoration: underline;}
.our-prdocuts-links h3 {    color: #1c63b8;}
.happy-client{    font-size: 48px;    font-weight: 900;    line-height: 65px;    color: #1c63b8 !important;}
ul.products-ul li {   line-height: 30px;}
a.h4top {  display: block;  font-size: 18px; text-align: center;   background-color:#1c63b8;    padding: 5px;    color: white;    text-transform: capitalize;}
div#Locations .owl-buttons {    display: none;}
.Location {   padding: 50px 0;}
div#Locations .item img {    height: 200px;    object-fit: contain;    width: 100%;}
.social-btns .btn {    display: inline-block;    background-color: #fff;    width: 40px;    height: 40px;    margin: 0 3px;    text-align: center;    position: relative;    overflow: hidden;    border-radius: 28%;    box-shadow: 0 5px 15px -5px rgb(0 0 0 / 10%);    opacity: .99;    border: 1px solid #ddddde;}


.social-btns .btn,
.social-btns .btn:before,
.social-btns .btn .fa {    transition: all .35s;    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59)}
.social-btns .btn:before {    top: 90%;    left: -110%}
.social-btns .btn .fa {    -webkit-transform: scale(0.8);    transform: scale(0.8)}
.social-btns .btn.facebook:before {    background-color: #3b5998}
.social-btns .btn.facebook .fa {    color: #3b5998}
.social-btns .btn.twitter:before {    background-color: #3cf}
.social-btns .btn.twitter .fa {    color: #3cf;    display: flex;    justify-content: center}
.social-btns .btn.google-plus .fa {    color: #db4a39;    display: flex;    justify-content: center}
.social-btns .btn.youtube .fa {    color: #c4302b;    display: flex;    justify-content: center}
.social-btns .btn.youtube:before {    background-color: #dc4a38}
.social-btns .btn.google-plus:before {    background-color: #dc4a38}
.social-btns .btn.google:before {    background-color: #0e76a8}
.social-btns .btn.google .fa {    color: #0e76a8}
.social-btns .btn.dribbble:before {    background-color: #f26798}
.social-btns .btn.dribbble .fa {    color: #f26798}
.social-btns .btn.skype:before {    background-color: #00aff0}
.social-btns .btn.skype .fa {    color: #00aff0}

.social-btns .btn:focus:before,
.social-btns .btn:hover:before {    top: -10%;    left: -10%}
.social-btns .btn:focus .fa,
.social-btns .btn:hover .fa {    color: #fff;    -webkit-transform: scale(1);    transform: scale(1)}
.social-btns {    float: right}
.social-btns .btn {    display: inline-block;    background-color: #fff;    width: 40px;    height: 40px;    margin: 0 3px;    text-align: center;    position: relative;    overflow: hidden;    border-radius: 28%;    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);    opacity: .99;    border: 1px solid #ddddde}
.social-btns .btn:before {    content: '';    width: 120%;    height: 120%;    position: absolute;    -webkit-transform: rotate(45deg);    transform: rotate(45deg)}
.social-btns .btn .fa {    font-size: 20px;    vertical-align: middle}
.social-btns .btn.linkedin .fa {    color: #0e76a8}
.social-btns .btn.linkedin:before {    background-color: #0e76a8}
.social-btns .btn.instagram:before {    background-color: hotpink;}
i.fa.fa-instagram {    color: deeppink;}
.social-btns .btn.pinterest .fa {    color: #c8232c}
.social-btns .btn:focus .fa,
.social-btns .btn:hover .fa {    color: #fff;    -webkit-transform: scale(1);    transform: scale(1)}
.social-btns .btn.pinterest:before {    background: #c8232c}
i.fa.fa-twitter {    position: relative;    top: 3px}
i.fa.fa-linkedin {    position: relative;    top: -2px;   left: -1px}
i.fa.fa-youtube {    position: relative;    top: 1px}
.our-prdocuts-links p {    margin-bottom: 15px;    color: black;    line-height: 1.5;    text-align: center;}
.Location {    background-color: aliceblue;    padding: 30px 0px;    text-align: center;    margin-bottom: 20px;}
.ptoh2 {font-size: 35px; margin: 0px; padding: 0px; font-weight: 700; color: #212529;}
.ptoh2:before {content: '';display: block;width: 100px;border-radius: 10px;height: 4px;background: #012068;margin: auto;margin-top: 5px;margin-bottom: 0;top: 81%;position: absolute;left: 46%;}
.ptoh2 span{color: #1c63b8 !important;}
.h4top {    font-size: 18px;    background-color: #f25322;    padding: 5px;    color: white;    text-transform: capitalize;}
.blog-block img {    border: 1px solid #ccc;}
.content-blog a {    background: #1c63b8;    display: block;}
.blog-details-discription li{ line-height: 25px; color: #777; font-family: 'Public Sans', sans-serif;}

.pro-box img {height: 250px;object-fit: contain;}


span.related-heading_new {
    font-size: 30px;
}
.main-title.faq_new {
    text-align: center;
    font-size: 25px;
}
.two-links a {
    background: #1c63b8;
    padding: 9px 30px;
    border-radius: 50px;
    text-align: center;
}
.two-links ul li {
    margin-right: 16px!important;
}
.two-links a:hover{padding: 10px 25px;}

.our_websites {
    padding: 20px 0px;
}


.web-head {
    background:#1c63b8;   
    /*height: 300px;*/
    height: auto;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}
ul.site_links li a i {
    margin-right: 10px;
        color: black;
}
ul.site_links {
    column-count: 2;
    /*background: #d3d3d338;*/
}
ul.site_links li {
    line-height: 35px;
    border-bottom: 1px solid #f2b90c59;
    padding-top: 10px;
    text-align: left;
    letter-spacing: 1px;
   
    border-radius: 35px;
    margin-bottom: 13px;
}
ul.site_links li a {
    color: slateblue;
}
.web-head ul li a {
    font-size: 14px;
    color: #333;
}
ul.site_links li a {
    color: white;
    margin-left: 13px;
    font-size: 20px;
    
}
p.websites.text-center {
    font-size: 26px!important;
    font-weight: 600;
    background: white;
    width: 30%;
    margin: 0px auto;
    padding: 10px;
    font-style: italic;
    border-radius: 80px;
    margin-top: 24px;
    color: black;
}
.list-kidz {    
    display: inline;
}

   p.text-center.w-100.d-block.mb-4 new {
    font-size: 30px;
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    font-family: 'Lora', serif;
}

.blog-block img {
    height: 300px;
    object-fit: scale-down;
}


.blog-block {
    margin-bottom: 30px;
}