@import url('https://fonts.googleapis.com/css?family=Inria+Serif:300,300i,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: 700; font-family: 'Inria Serif', serif;}

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

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

a{font-size: 16px; font-family: 'Poppins', sans-serif; }

a:hover{text-decoration: none;}

p{font-size: 15px; padding: 0px; margin: 0px; font-family: 'Poppins', sans-serif; color: #777;}

body{padding: 0px; margin: 0px; box-sizing: content-box;}

span{padding: 0px; margin: 0px; font-family: 'Inria Serif', serif;}

/*css*/

.prod-img  {
    width: 300px;
    float: left;
    min-height: 300px;
    margin-right: 15px;
}


.fnt {font-size: 35px;}
.half-side-content p {    font-weight: 600;    font-size: 20px;}

p.fonting {    font-size: 14px;   font-weight: normal;}

.half-side-content p{color: #fff;}

.box-shadow {   box-shadow: 5px 8px 10px #dcdcdc; /*   background: #fff;*/}

.box-shadow p{color: #787878;}

.four-item{background: #f1f1f1;}

.white-box {background: #012068; border-radius: 0px 150px 150px 0px; 	-ms-border-radius: 0px 150px 150px 0px; 	-moz-border-radius: 0px 150px 150px 0px; 	-webkit-border-radius: 0px 150px 150px 0px;}

.content-side-box span {line-height: 50px;   font-size: 24px; font-weight: 600; color: #fff;}

.content-side-box a{font-weight: 600; color: #fff;}

.border-two{border-radius: 150px 0px 0px 150px !important;  -ms-border-radius: 150px 0px 0px 150px;    -moz-border-radius: 150px 0px 0px 150px;    -webkit-border-radius: 150px 0px 0px 150px;}

.main-title{position: relative;}

.main-title img { position: absolute;    bottom: 0px;    z-index: -999;    left: 46%;    top: 0px;}

.about-style-one{position: relative; background-color: #fff;}

/*.about-style-one::after{background: url(images/img-slider.png)no-repeat; position: absolute;    width: 574px;    height: 632px;    content: '';    bottom: 175px;    right: 0;    opacity: 0.2;    z-index: -999999;}*/

/*.about-style-one::before{    background: url(images/1.png)no-repeat;    position: absolute;    width: 100%;    height: 632px;    content: '';    bottom: 200px;    left: 0;    /* opacity: 0.2; */     z-index: -999999;}*/




.widget:first-child {   padding: 15px;    border-radius: 50px;    text-align: center;}

.single-service-style-one .top-box {  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.03);  background: #f25322;  padding: 30px 0;   position: relative;}

.single-service-style-one .top-box:before {  content: '';  width: 100%;  height: 100%;  background: #000;  position: absolute;  top: 0;  left: 0;  -webkit-transform: scale(1, 0);          transform: scale(1, 0);  -webkit-transform-origin: bottom center;         transform-origin: bottom center;  transition: -webkit-transform .4s ease;  transition: transform .4s ease;  transition: transform .4s ease, -webkit-transform .4s ease;}

.single-service-style-one .top-box .inner-content {  position: relative;}

.single-service-style-one .top-box i.box-icon {  display: block;  font-size: 46px;  color: #002c42;  transition: all .4s ease;}

.single-service-style-one .top-box h3 {  margin: 0;  font-weight: 600;  font-size: 24px;  margin-top: 10px;}

.single-service-style-one .top-box h3 a {  transition: all .4s ease;  color: #002c42;}

.single-service-style-one .image-block {  position: relative;  overflow: hidden;    border: 1px solid #ccc;}

.single-service-style-one .image-block:before {  position: absolute;  top: 0;  left: 0;width: 100%;  height: 100%;  content: "";  background: rgba(0, 29, 43, 0.7);  -webkit-transform: scaleX(0);          transform: scaleX(0);  z-index: 1;  transition: .5s ease;}

.single-service-style-one .image-block > img {  width: 100%;}

.single-service-style-one .image-block .overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  transition: all 900ms ease;  transition-delay: .1s;  -webkit-transform: scale(0);         transform: scale(0);  z-index: 2;}

.single-service-style-one .image-block .overlay .box {  display: table;  height: 100%;  width: 100%;}

.single-service-style-one .image-block .overlay .box .content {  display: table-cell;  text-align: center;  vertical-align: middle;}

.single-service-style-one .image-block .overlay .box .content .dotted {  position: relative;  display: inline-block;  width: 5px;  height: 5px;  background: #fff;  border-radius: 50%;}

.single-service-style-one .image-block .overlay .box .content .dotted:before { position: absolute;  top: 0px;  left: -15px;  width: 5px;  height: 5px;  background: #fff;  border-radius: 50%;  content: "";}

.single-service-style-one .image-block .overlay .box .content .dotted:after {  position: absolute;  top: 0px;  right: -15px; width: 5px;  height: 5px;  background: #fff;  border-radius: 50%;  content: "";}

.single-service-style-one:hover .top-box:before {  -webkit-transform-origin: top center;          transform-origin: top center;  -webkit-transform: scale(1, 1);          transform: scale(1, 1);}

.single-service-style-one:hover .top-box i.box-icon {  color: #fff;}

.single-service-style-one:hover .top-box h3 a {  color: #fff;}

.single-service-style-one:hover .top-box h3 a:hover {  color: #002c42;}

.single-service-style-one:hover .image-block:before {  -webkit-transform: scaleY(1);          transform: scaleY(1);  transition: .5s ease;}

.single-service-style-one:hover .image-block .overlay {  -webkit-transform: scale(1);          transform: scale(1);  transition: all 900ms ease;  transition-delay: .5s;}

.service-style-one-carousel .owl-nav {  margin: 0;}

.service-style-one-carousel .owl-dots {  margin-top: 25px;}

.service-style-one-carousel .owl-dots .owl-dot span {  margin: 0;  width: 7px;  height: 7px;  background: #7f8284;  opacity: .5;  border-radius: 50%;  margin: 0 2.5px;}

.service-style-one-carousel .owl-dots .owl-dot.active span {  background: #002c42;  opacity: 1;}

.single-service-style-two {  margin-bottom: 30px;}

.single-service-style-two .image-block,.single-service-style-two .text-block {  display: table-cell;  vertical-align: middle;}

.single-service-style-two .text-block {  background: #fff;  text-align: center;  padding-top: 40px;  position: relative;  padding-bottom: 74px;}

.single-service-style-two .text-block .icon-block {  width: 85px;  height: 85px;  background: #f3f3f3;  display: inline-block;  border-radius: 50%;  transition: all .4s ease;}

.single-service-style-two .text-block .icon-block i {  font-size: 46px;  display: block;  line-height: 85px;  color: #002c42;}

.single-service-style-two .text-block h3 {  margin: 0;  font-size: 24px;  margin-top: 23px;}

.single-service-style-two .text-block h3 a {  color: #002c42;  transition: all .4s ease;}

.single-service-style-two .text-block h3 a:hover {  color: #ffaa01;}

.single-service-style-two .text-block p {  margin: 0;  color: #7f8284;  margin-top: 35px;  width: 72%;  margin-left: auto;  margin-right: auto;}

.single-service-style-two .text-block .read-more {  background: #e6e6e6;  color: #7f8284;  font-size: 16px;  width: 100%;  display: block;  padding: 12.5px 0;  transition: all .4s ease;  position: absolute;  bottom: 0;  left: 0;}

.single-service-style-two .text-block .read-more:hover {  color: #002c42;  background: #ffaa01;}

.single-service-style-two .image-block {  position: relative;  overflow: hidden;  width: 270px;}

.single-service-style-two .image-block:before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  content: "";  background: rgba(0, 29, 43, 0.7);  -webkit-transform: scaleX(0);          transform: scaleX(0);  z-index: 1;  transition: .5s ease;}

.single-service-style-two .image-block > img {  width: 100%;}

.single-service-style-two .image-block .overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  transition: all 900ms ease; transition-delay: .1s;  -webkit-transform: scale(0);          transform: scale(0);  z-index: 2;}

.single-service-style-two .image-block .overlay .box {  display: table;  height: 100%;  width: 100%;}

.single-service-style-two .image-block .overlay .box .content {  display: table-cell;  text-align: center;  vertical-align: middle;}

.single-service-style-two .image-block .overlay .box .content .dotted {  position: relative;  display: inline-block;  width: 5px;  height: 5px;  background: #fff;  border-radius: 50%;}

.single-service-style-two .image-block .overlay .box .content .dotted:before {  position: absolute;  top: 0px;  left: -15px;  width: 5px;  height: 5px;  background: #fff;  border-radius: 50%;  content: "";}

.single-service-style-two .image-block .overlay .box .content .dotted:after {  position: absolute;  top: 0px;  right: -15px;  width: 5px;  height: 5px;  background: #fff;  border-radius: 50%;  content: "";}

.single-service-style-two:hover .image-block:before {  -webkit-transform: scaleY(1);          transform: scaleY(1);  transition: .5s ease;}

.single-service-style-two:hover .image-block .overlay {  -webkit-transform: scale(1);          transform: scale(1);  transition: all 900ms ease;  transition-delay: .5s;}

.single-service-style-two:hover .text-block .icon-block {  color: #002c42;  background: #ffaa01;}

.single-service-style-two:hover .text-block .read-more {  background: #ffaa01;  color: #002c42;}

.single-service-style-three {  position: relative;}

.single-service-style-three:before {  position: absolute;  display: inline-block;  left: 0;  bottom: 0px;  height: 2px; width: 100%;  background-color: #ffaa01;  content: "";  transition: -webkit-transform 0.4s ease;  transition: transform 0.4s ease;  transition: transform 0.4s ease, -webkit-transform 0.4s ease;  -webkit-transform: scale(0, 1);  transform: scale(0, 1);  -webkit-transform-origin: right center;  transform-origin: right center;  z-index: 10;}

.single-service-style-three .text-block {  background: #fff;  padding: 0 30px;  text-align: center;  padding-top: 60px;  position: relative;  padding-bottom: 60px;}

.single-service-style-three .text-block .icon-block {  width: 85px;  height: 85px;  background: #f3f3f3;  display: inline-block;  border-radius: 50%;  transition: all .4s ease;}

.single-service-style-three .text-block .icon-block i {  font-size: 46px;  display: block;  line-height: 85px;  color: #002c42;}

.single-service-style-three .text-block h3 {  margin: 0;  font-size: 24px;  margin-top: 23px;}

.single-service-style-three .text-block h3 a {  color: #002c42;  transition: all .4s ease;}

.single-service-style-three .text-block h3 a:hover {  color: #ffaa01;}

.single-service-style-three .text-block p {  margin: 0;  color: #7f8284;  margin-top: 35px;  width: 72%;  margin-left: auto; margin-right: auto;}

.single-service-style-three .text-block .read-more {  color: #ffaa01;  font-size: 16px;  text-transform: uppercase;  display: inline-block;  font-weight: 600;  margin-top: 30px;  transition: all .4s ease;}

.single-service-style-three .text-block .read-more:hover {  color: #002c42;}

.single-service-style-three:hover .icon-block {  background: #ffaa01;  color: #002c42;}

.single-service-style-three:hover:before {  -webkit-transform: scale(1, 1);  transform: scale(1, 1);  -webkit-transform-origin: left center;  transform-origin: left center;}

.service-page-one .single-service-style-one {  margin-bottom: 30px;}

.service-page-three .single-service-style-three {  margin-bottom: 30px;}

.single-service-widget + .single-service-widget {  margin-top: 30px;}

.single-service-widget ul.service-lists {  margin: 0;  padding: 0;  list-style: none;}

.single-service-widget ul.service-lists li + li {  margin-top: 2px;}

.single-service-widget ul.service-lists li a {  display: block;  color: #002c42;  background: #f3f3f3;  font-size: 18px;  padding: 22.5px 50px;  transition: all .4s ease;}

.single-service-widget ul.service-lists li:hover a, .single-service-widget ul.service-lists li.active a {  background: #ffaa01;}

.single-service-widget .contact-infos-widget {  background: #002c42;  padding: 50px;}

.single-service-widget .contact-infos-widget h3, .single-service-widget .contact-infos-widget p {  margin: 0;}

.single-service-widget .contact-infos-widget h3 {  color: #fff;  font-size: 20px;  font-weight: 600;  margin-bottom: 33px;}

.single-service-widget .contact-infos-widget p {  color: #b1bec5;  font-size: 16px;  line-height: 30px;  margin-bottom: 24px;}

.single-service-widget .contact-infos-widget .phone-box i {  display: inline-block;  vertical-align: middle;  font-size: 36px;  color: #ffaa01;  margin-right: 10px;}

.single-service-widget .contact-infos-widget .phone-box span {  display: inline-block;  vertical-align: middle;  font-size: 30px;  font-weight: 600;  color: #fff;}

.single-service-widget .contact-form-widget {  padding: 50px;  background: #f3f3f3;}

.single-service-widget .contact-form-widget h3 {  margin: 0;  font-size: 20px;  font-weight: 600;  color: #002c42;  margin-bottom: 30px;}

.single-service-widget .contact-form-widget input, .single-service-widget .contact-form-widget textarea {  display: block;  border: none;  outline: none;  width: 100%;  background: #fff;  color: #7f8284;  height: 81px;  margin-bottom: 20px;  padding-left: 40px;}

.single-service-widget .contact-form-widget input::-webkit-input-placeholder, .single-service-widget .contact-form-widget textarea::-webkit-input-placeholder {  /* Chrome/Opera/Safari   color: #7f8284;}

.single-service-widget .contact-form-widget input::-moz-placeholder, .single-service-widget .contact-form-widget textarea::-moz-placeholder {  /* Firefox 19+ */  color: #7f8284;}

.single-service-widget .contact-form-widget input:-ms-input-placeholder, .single-service-widget .contact-form-widget textarea:-ms-input-placeholder {  /* IE 10+ */  color: #7f8284;}

.single-service-widget .contact-form-widget input:-moz-placeholder, .single-service-widget .contact-form-widget textarea:-moz-placeholder {  /* Firefox 18- */  color: #7f8284;}

.single-service-widget .contact-form-widget textarea {  padding-top: 20px;  height: 191px;}

@media (max-width: 991px) {

.single-service-widget .contact-form-widget .thm-btn {    padding: 25.5px 45px;}

}

.single-service-widget .project-infos-widget {  padding: 50px;}

.single-service-widget .project-infos-widget ul {  margin: 0;  padding: 0;  list-style: none;}

.single-service-widget .project-infos-widget ul li + li {  margin-top: 38px;}

.single-service-widget .project-infos-widget ul li span {  font-size: 18px;  font-weight: 600;  display: inline-block; line-height: 1em;}

.single-service-widget .project-infos-widget ul li span.title {  float: left;  color: #b1bec5;}

.single-service-widget .project-infos-widget ul li span.value {  float: right; color: #fff;}

.single-service-widget .project-infos-widget ul li span.value.highlighted {  color: #ffaa01;}

@media (max-width: 991px) {

.single-service-page-content {    margin-top: 50px;  }

.single-service-page-content img {  display: inline-block;}

.single-service-page-content h3, .single-service-page-content p {  margin: 0;}

.single-service-page-content h3 {  color: #002c42;  font-size: 40px;  font-weight: 600;}

.single-service-page-content h4 {  margin: 0;  font-size: 24px;  font-weight: 500;  color: #002c42;}

}

.inner-content a {    color: #fff;    font-weight: 600;}

#our-products-slide .owl-buttons{display: none;}

footer{background: #1a1a1a;}

.footer-content span{color: #fff;}

.footer-content p {    color: #444444; line-height: 28px;}

.footer-content span {    line-height: 38px;    font-size: 22px}

.widget span {    color: #e8b828;    font-weight: 600;}

.widget i{font-size: 25px; color: #fff;}

.widget a{color: #fff;}

ul.products-item li i {    font-size: 15px;}

ul.products-item li a{font-size: 14px;}

.links span{font-size: 20px;}

.links span {    font-size: 22px;}

.map{  line-height: 38px;    font-size: 22px}

p.color-white {    color: #fff; line-height: 24px;}

.copy-right{background: #000;}

.copy-right p{color: #ccc; font-size: 14px;}

.copy-right a{font-weight: 600; color: #fff;}

header { background-color: #e8b828; position: relative;}

.mails a{color: #333; font-size: 16px;}

/*.logo{    position: absolute;    text-align: center;   left: 33%;    top: 0;}*/

ul.products-item li {    line-height: 26px;}

.about-style-one p {  margin: 0;}

.about-style-one p.highlighted {  font-size: 30px;  line-height: 36px;  color: #ffaa01;  margin-top: 30px;}

.about-style-one .phone-block {  background: #cba01f; display: inline-block; width: 100%;}
.about-style-one .phone-block .icon-block,

.about-style-one .phone-block .text-block {  display: table-cell;  vertical-align: middle;}

.about-style-one .phone-block .icon-block {width: 162px;       float: left; background: #fff;    box-shadow: 0px 0px 15px #ccc;    text-align: center;    padding: 38px 0;}

.about-style-one .phone-block .icon-block i {  font-size: 54px;  display: block;  color: #012068;}

.about-style-one .phone-block .text-block {     background: #e8b828;float: left;padding: 29px;}

.about-style-one .phone-block .text-block h3,.about-style-one .phone-block .text-block p {  margin: 0;}

.about-style-one .phone-block .text-block p {font-size: 20px;    font-weight: 600;    color: #333;    padding-left: 0;    padding-right: 100px;}

.about-style-one .phone-block .text-block h3 {  font-size: 40px;  font-weight: 600;  color: #333;}

.about-style-one .image-block-wrapper {  position: relative;  display: inline-block;}

.about-style-one .image-block-wrapper .bubbled-text-block {  position: absolute;  top: 45px;  left: 0;  -webkit-transform: translateX(-50%);          transform: translateX(-50%);  width: 170px;  height: 170px;  border-radius: 50%;   background-color: #e8b828;  text-align: center;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: -webkit-box;  display: flex;  -webkit-box-align: center;          align-items: center;  -webkit-box-pack: center;          justify-content: center;}

.about-style-one .image-block-wrapper .bubbled-text-block .inner-box {  display: block;  width: 100%;}

/*.about-style-one .image-block-wrapper .bubbled-text-block:before {  content: '';  width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #012068;  position: absolute;  right: 25px;  bottom: 0;  -webkit-transform: rotate(-30deg);          transform: rotate(-30deg);  -webkit-transform-origin: bottom left;          transform-origin: bottom left;}*/

p.year-found {
    background-color: #e8b828;
    color: black;
    font-size: 20px;
}
p.play {
    font-size: 38px;
    color: black;
    font-weight: 500;
    font-style: italic;
    font-family: serif;
}



.about-style-one .image-block-wrapper .bubbled-text-block i {  font-size: 60px;  color: #333;  display: block;}

.about-style-one .image-block-wrapper .bubbled-text-block h3 {  margin: 0;  color: #fff;  font-weight: 600;  font-size: 20px;  margin-top: 7px;}

.about-style-one .image-block-wrapper .image-block-two {  position: absolute;  right: 120px;  bottom: -55px;}

.about-style-one .image-block-wrapper .image-block-two:before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  border: 20px solid #fff;}

.single-about-style-two {  padding-left: 60px;  background: #fff;  border-top-right-radius: 102px;  border-bottom-right-radius: 103px;  padding-right: 10px; padding-top: 10px;  padding-bottom: 10px;}

.single-about-style-two + .single-about-style-two {  margin-top: 30px;}

.single-about-style-two .image-block {  float: right;  width: 206px;  overflow: hidden;  border-radius: 50%;}

.single-about-style-two .image-block > img {  width: 100%;}

.single-about-style-two .text-block {  padding: 41px 0; width: calc(100% - 255px);  float: left;}

.single-about-style-two .text-block h3 {  margin: 0;  font-size: 24px;  font-weight: 600;  margin-bottom: 35px;}

.single-about-style-two .text-block h3 a {  color: #002c42;  transition: all .4s ease;}

.single-about-style-two .text-block h3 a:hover {  color: #ffaa01;}

.single-about-style-two .text-block p {  margin: 0;}

.single-about-style-two .image-block {  position: relative;  overflow: hidden;}

.single-about-style-two .image-block:before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  content: "";  border-radius: 50%;  background: rgba(0, 29, 43, 0.7);  -webkit-transform: scale(0);          transform: scale(0);  z-index: 1;  transition: .5s ease;}

.single-about-style-two .image-block > img {  width: 100%;}

.single-about-style-two .image-block .overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  transition: all 900ms ease;  transition-delay: .1s;  -webkit-transform: scale(0);          transform: scale(0);  z-index: 2;}

.single-about-style-two .image-block .overlay .box {  display: table;  height: 100%;  width: 100%;}

.single-about-style-two .image-block .overlay .box .content {  display: table-cell;  text-align: center;  vertical-align: middle;}

.single-about-style-two .image-block .overlay .box .content .dotted {  position: relative;  display: inline-block;  width: 5px;  height: 5px;  background: #fff;  border-radius: 50%;}

.single-about-style-two .image-block .overlay .box .content .dotted:before {  position: absolute;  top: 0px;  left: -15px;  width: 5px;  height: 5px;  background: #fff;  border-radius: 50%;  content: "";}

.single-about-style-two .image-block .overlay .box .content .dotted:after {  position: absolute;  top: 0px;  right: -15px;  width: 5px;  height: 5px;  background: #fff;  border-radius: 50%;  content: "";}

.single-about-style-two:hover .image-block:before {  -webkit-transform: scale(1);          transform: scale(1); transition: .5s ease;}

.single-about-style-two:hover .image-block .overlay {  -webkit-transform: scale(1);          transform: scale(1);  transition: all 900ms ease; transition-delay: .5s;}

.about-style-two-content {  padding-left: 30px;}

.about-style-two-content p {  margin: 37px 0;}

.about-style-three .row + .row {  margin-top: 60px;}

.about-style-three .image-block {  position: relative;}

.about-style-three .image-block > img {  width: 100%;}

.about-style-three .image-block .bubbled-text-block {  position: absolute;  top: 40px; left: 40px;  width: 170px;  height: 170px;  border-radius: 50%;  background: #ffaa01;  text-align: center;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: -webkit-box;  display: flex;  -webkit-box-align: center;          align-items: center;  -webkit-box-pack: center;          justify-content: center;}

.about-style-three .image-block .bubbled-text-block .inner-box {  display: block;  width: 100%;}

.about-style-three .image-block .bubbled-text-block:before {  content: '';  width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #ffaa01;  position: absolute;  right: 25px;  bottom: 0;  -webkit-transform: rotate(-30deg);          transform: rotate(-30deg); -webkit-transform-origin: bottom left;          transform-origin: bottom left;}

.about-style-three .image-block .bubbled-text-block i {  font-size: 60px;  color: #002c42;  display: block;}

.about-style-three .image-block .bubbled-text-block h3 {  margin: 0;  color: #002c42;  font-weight: 600;  font-size: 20px; margin-top: 7px;}

.about-style-three .text-block {  height: 464px;  padding: 60px 53px;}

.about-style-three .text-block h3 {  font-size: 30px;  font-weight: 600;}

.about-style-three .text-block h3 a {  color: #002c42;  transition: all .4s ease;}

.about-style-three .text-block h3 a:hover {  color: #fff;}

.about-style-three .text-block a.more-link {  text-transform: uppercase;  font-size: 16px; color: #002c42;  letter-spacing: .2em;  display: block;  position: absolute;  bottom: 50px;  left: 69px;  font-weight: 700;  transition: all .4s ease;}

.about-style-three .text-block a.more-link:hover {  padding-left: 10px;  color: #fff;}

.about-style-three.history-page .text-block h3 {  line-height: 40px;  width: 81%;}

@media (max-width: 991px) { 

.about-style-three.history-page .text-block h3 {width: 100%;  }

}

.single-about-style-three {  margin-bottom: 30px;}

.single-about-style-three h3 {  color: #002c42;  font-size: 24px;  font-weight: 600;  margin: 0;  margin-bottom: 40px;}

.single-about-style-three p {  margin: 0;}

.about-style-four hr {  margin: 30px 0 40px;}

.about-style-four p {  margin: 0;}

.about-style-four .video-box-one .image-block,

.about-style-four .video-box-one .text-block {  display: table-cell;  vertical-align: middle;}

.about-style-four .video-box-one .image-block {  position: relative;  width: 206px;}

.about-style-four .video-box-one .image-block > img {  width: 100%;}

.about-style-four .video-box-one .image-block .box {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(0, 29, 43, 0.4);  transition: all .4s ease;}

.about-style-four .video-box-one .image-block .box a {  position: absolute;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);          transform: translate(-50%, -50%);}

.about-style-four .video-box-one .image-block .box a i {  width: 40px;  height: 40px;  border-radius: 50%;  background: #ffaa01; font-size: 12px;  line-height: 40px;  color: #002c42;  text-align: center;}

.about-style-four .video-box-one .image-block:hover .box {  background: rgba(0, 29, 43, 0);}

.about-style-four .video-box-one .text-block {  padding-left: 40px;}

.about-style-four .video-box-one .text-block h4 {  margin: 0;  color: #002c42;  font-size: 20px;  line-height: 30px;  font-weight: 500;}

.about-style-five .content-block > p {  margin: 0;  margin-left: auto;  margin-right: auto;  width: 86%;  margin-top: 40px;  margin-bottom: 50px;}

.about-style-five .phone-block .icon-block {  background: #ffaa01;  width: 100px;  height: 100px;  border-radius: 50%;  text-align: center;  display: inline-block;  margin-bottom: 22px;}

.about-style-five .phone-block .icon-block i {  color: #002c42;  font-size: 42px;  display: block;  line-height: 100px;}

.about-style-five .phone-block h3,.about-style-five .phone-block p {  margin: 0;}

.about-style-five .phone-block p {  color: #7f8284;  font-weight: 500;  font-size: 20px;}

.about-style-five .phone-block h3 {  color: #002c42;  font-weight: 600;  font-size: 40px;}

.about-style-five .image-block-text {  margin-top: 10px;  padding: 58px 60px;}

.about-style-five .image-block-text h4 {  margin: 0;  font-size: 30px;  line-height: 36px;  color: #002c42;  margin-bottom: 20px;}

.about-style-five .image-block-text p { margin: 0;}

.about-style-six img {  width: 100%;  display: block;}

.about-style-six img + img {  margin-top: 20px;}

.about-style-six p {  margin: 40px 0;}

.about-style-six .content-block {  padding-left: 70px;}

@media (max-width: 991px) {

.about-style-six .content-block {    padding-left: 0;    padding-top: 50px;  }

}

@media (max-width: 1199px) {

.about-style-six .sec-title h2 {    font-size: 40px;  }

}

span.tag-line {   line-height: 40px;  color: #1551d8;  font-size: 18px;  font-weight: 600;}

.about-content-type p {    line-height: 27px;}

.phone-block span{font-size: 30px; color: #333; letter-spacing: 2px}

.widget:first-child {border-radius: 50px;    text-align: center;}

.widget:nth-child(2) ul {  padding-left: 25px; }

.widget:nth-child(2) span {  padding-left: 25px; }

.footer-content {    position: relative;    }

/************************** 

* 12. trusted clients styles 

***************************/

.trusted-clients .image-block-wrapper {  position: relative;  display: block;}

.trusted-clients .image-block-wrapper img {  width: 100%;}

.trusted-clients .image-block-wrapper .bubbled-text-block {  position: absolute;  top: 45px;  left: 0;  -webkit-transform: translateX(-50%);          transform: translateX(-50%);  width: 170px;  height: 170px;  border-radius: 50%;  background: #fff;  text-align: center;  display: -moz-flex;  display: -ms-flex;  display: -o-flex;  display: -webkit-box;  display: flex;  -webkit-box-align: center;          align-items: center;  -webkit-box-pack: center;          justify-content: center;}

@media (max-width: 1440px) {  .trusted-clients .image-block-wrapper .bubbled-text-block {    -webkit-transform: translateX(-35%);            transform: translateX(-35%);  }

}

.trusted-clients .image-block-wrapper .bubbled-text-block .inner-box {  display: block;  width: 100%;}

.trusted-clients .image-block-wrapper .bubbled-text-block:before {  content: '';  width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-top: 10px solid #fff;  position: absolute;  right: 25px;  bottom: 0;  -webkit-transform: rotate(-30deg);          transform: rotate(-30deg);  -webkit-transform-origin: bottom left;          transform-origin: bottom left;}

.trusted-clients .image-block-wrapper .bubbled-text-block span {  color: #7f8284;  font-weight: 600;  font-size: 16px;  text-transform: uppercase;  letter-spacing: .2em;  line-height: 1em;}

.trusted-clients .image-block-wrapper .bubbled-text-block h3 {  margin: 0;  color: #002c42;  font-weight: 600;  font-size: 40px; line-height: 1em;}

.trusted-clients .trusted-clients-icon-text-block {  padding: 128px 0;}

@media (max-width: 1440px) {

.trusted-clients .trusted-clients-icon-text-block {    padding: 50px 0;    padding-left: 30px;    padding-right: 30px;  }

}

.trusted-clients .trusted-clients-icon-text-block .icon-block, .trusted-clients .trusted-clients-icon-text-block .text-block {  display: table-cell;  vertical-align: top;}

.trusted-clients .trusted-clients-icon-text-block .icon-block i {  font-size: 120px;  color: #002c42;  display: block;  line-height: 1em;  position: relative;  top: 20px;}

.trusted-clients .trusted-clients-icon-text-block h3 {  margin: 0;  font-size: 60px;  color: #002c42;  font-weight: 700;}

@media (max-width: 1440px) {

.trusted-clients .trusted-clients-icon-text-block h3 {    font-size: 35px;  }

.trusted-clients .trusted-clients-icon-text-block h3 br {    display: none;  }

}

.trusted-clients .trusted-clients-icon-text-block .text-block {  padding-left: 50px;}

.trusted-clients .trusted-client-content-block h3 {  color: #fff;  font-size: 28px;  font-weight: 600;  margin: 0;  margin-bottom: 40px;}

.trusted-clients-two-upper-image-block {  margin-top: -120px;}

.trusted-clients-two-upper-image-block .trusted-client-main-image {  float: right;  position: relative;  z-index: 99;}

.trusted-clients-two-upper-image-block .container {  position: relative;}

.trusted-clients-two .tructed-client-text-image-box {  padding: 120px 0;  margin-right: 40px;}

.trusted-clients-two .tructed-client-text-image-box .image-block, .trusted-clients-two .tructed-client-text-image-box .text-block {  float: left;}

.trusted-clients-two .tructed-client-text-image-box .image-block {  width: 210px;  float: right;}

.trusted-clients-two .tructed-client-text-image-box .image-block > img {  width: 100%;}

.trusted-clients-two .tructed-client-text-image-box .text-block {  background: #ffaa01;  width: calc(100% - 210px);  padding: 51px 0;  padding-left: 60px;  padding-right: 60px;}

.trusted-clients-two .tructed-client-text-image-box .text-block h3 {  margin: 0;  color: #002c42;  font-size: 24px;  font-weight: 600;  line-height: 34px;}

.trusted-clients-two .trusted-client-content-block {  margin-left: 50px;  position: relative;  padding: 120px;  padding-top: 90px;  padding-bottom: 0;  padding-right: 0;  margin-top: -120px;  z-index: 100;}

.trusted-clients-two .trusted-client-content-block:before {  content: '';  height: 100%;  width: 1000000px;  background: #fff;  position: absolute;  top: 0;  left: 0;}

.trusted-clients-two .trusted-client-content-block .inner-content {  position: relative;}

.trusted-clients-two .trusted-client-content-block .inner-content h3 {  font-size: 60px;  font-weight: 600;  color: #002c42;  margin: 0;}

.trusted-clients-two .trusted-client-content-block .inner-content p {  margin: 42px 0;}

.base-color-bg {    background-color: #363636;}

.dark-bg {    background-color: #e8b828;}

.thm-btn {border: none;    outline: none !important;    cursor: pointer;    background-color: transparent;    display: inline-block;    vertical-align: middle;    text-align: center;    background: #000;    color: #fff;    text-transform: uppercase;    font-size: 16px;    font-weight: 600;    padding: 10px 20px;    transition: all .4s ease;}

.trusted-clients-icon-text-block i {    color: #fff !important;}

.trusted-clients-icon-text-block h3 {    color: #fff !important;}

.banner_thumb {    position: relative;    overflow: hidden;}

.banner_thumb a img {    -webkit-transition: 0.3s;    transition: 0.3s;}

.banner_text {  position: absolute;   background-color: #e8b828;   left: 4px;    bottom: 20%;    max-width: 547px;    pointer-events: none;}
.banner_text h3 {    font-size: 36px;    line-height: 36px;    font-weight: 700;    color: #ffffff;    letter-spacing: 7px;    text-transform: uppercase;    margin-bottom: 10px;}

.banner_text p {    font-size: 16px;    line-height: 19px;    letter-spacing: 3px;    color: #ffffff;}

.banner_thumb:hover img {    opacity: 0.7;}

.banner_text.text_center {    top: 50%;    text-align: center;    bottom: inherit;    max-width: 100%;    left: 0;    right: 0;}

.banner_text.text_center h4 {    font-size: 24px;    line-height: 28px;    letter-spacing: 4px;    color: #ffffff;    font-weight: 400;    text-transform: uppercase;}

.texting-banner {    position: absolute;    top: 10%;    width:45%;    left: 7%;}

.texting-banner h4{color: #fff;}

.texting-banner p{color: #fff;    margin-bottom: 9px;}

a.color-change { background: #e8b828; color: #333;}

a.color-change:hover { background: #333; color: #fff;}

.content-side-box p {    color: #fff;}

.free-quote{	background-image: url(../images/bg_2.jpg);	background-repeat: no-repeat;	background-position: top;	margin-bottom: 70px;}

.free-quote-form{  border-radius: 7px;  background-color: #000080;}

.rounded-field input[type="text"],.rounded-field input[type="email"],.rounded-field select{		border: 1px solid #dfdfdf;	padding: 10px 20px;	min-height: 44px;	color: #999999;	font-size: 0.875rem;	color: rgb(153, 153, 153);		-moz-border-radius: 25px;	-webkit-border-radius: 25px;	border-radius: 25px;     font-family: 'Poppins', sans-serif;}

.rounded-field input[type="text"]:focus,

.rounded-field input[type="email"]:focus,

.rounded-field select:focus{	box-shadow: none;}

.rounded-field .custom-select{	background-position: 93% center;}

.rounded-field textarea{	-moz-border-radius: 9px;	-webkit-border-radius: 9px;	border-radius: 9px;	resize: none;	font-size: 0.875rem;     font-family: 'Poppins', sans-serif;}

.gray-field.rounded-field input[type="text"],

.gray-field.rounded-field input[type="email"],

.gray-field.rounded-field select,

.gray-field.rounded-field textarea{	border-radius: 0;	background-color: #fcfcfc;	box-shadow: none !important;	border: 1px solid #dfdfdf !important;}

.heading-main span {    color: #06163a;    text-transform: uppercase;    padding-bottom: 5px;    display: block;    font-size: 0.875rem;    font-weight: 700;}

.free-quote-form {    border-radius: 7px;    background-color: #000080;}

.btn-theme {    color: #FFF !important;    padding: 0.5rem 1.9rem;    font-weight: 400;    font-size: 0.875rem;    display: inline-block;    display: inline-flex;    outline: none;    border: none;    cursor: pointer;    overflow: hidden;    z-index: 2;    align-items: center;    position: relative;    cursor: pointer;    -webkit-box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);    -moz-box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);    box-shadow: 0px 14px 47px 0px rgba(28, 28, 28, 0.24);    -webkit-border-radius: 70px;    -moz-border-radius: 70px;    border-radius: 70px;}

.bg-orange {    background: #e8b828;     font-family: 'Poppins', sans-serif;}

.background-shape {    background: rgba(0, 0, 0, 0.02);}

.background-shape {    /* position: absolute; */    /* background: rgba(0, 52, 86, 0.03); */    /* height: 100%; */    /* width: 100%; */    content: '';    top: 0;    left: 50%;    transform: skewX(33deg);    transform-origin: left bottom;}

.background-shape:before, .background-shape:after {    background: rgba(0, 0, 0, 0.02);}

.background-shape:before, .background-shape:after {    background: rgba(0, 0, 0, 0.02);}

.background-shape:before {    left: 280px;}

.background-shape:before, .background-shape:after {    position: absolute;    background: rgba(255, 255, 255, 0.03);    height: 100%;    width: 100%;    content: '';    top: 0;}

.section-heading {position: relative;    margin-bottom: 10px; margin-bottom: 10px;text-align: center !important; margin: 0px auto;}

.section-heading h3 {    position: relative;  font-weight: 400;    color: #222;    line-height: 130%;    margin-bottom: 10px;    margin-top: 5px;}

.line-thin {    height: 4px !important;}

.section-heading-line {    content: '';    display: block;    width: 100px;    border-radius: 10px;    height: 6px;    background: #333;    margin: auto;    margin-top: -12px;    margin-bottom: 0;}

.section-heading p {   font-size: 16px;  font-weight: 500;  line-height: 1.8;    padding-top: 15px;   margin-bottom: 0px;}

.service-block-2 {    position: relative;    display: block;    background: #fff;    border-radius: 5px;    overflow: hidden;    margin: 15px 0px;    -webkit-box-shadow: 0 20px 40px rgba(0,0,0,0.06);    box-shadow: 0 20px 40px rgba(0,0,0,0.06);}

.service-block-2 .service-block-2-content {    text-align: center;    padding: 25px;}

.service-block-2 .service-block-2-content h4 {    font-size: 18px;    font-weight: 600;    margin-bottom: 5px;}

.service-block-2 .service-block-2-content strong {    display: block;    font-size: 14px;    color: #979797;    font-weight: 500;    /*margin: 14px 0px;*/ }

.service-block-2-btn {    display: inline-block;    color: #222;    font-size: 13px;    font-weight: 600;}

.button-md {    font-size: 13px;    font-weight: 600;    padding: 15px 27px;}

.button-primary {     display: inline-block;    position: relative;    font-size: 16px;    color: #fff;    font-weight: 500;    background: #333;  padding: 10px 15px;    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;}
.button-primary:hover {color: #fff;}
h3.semi-bold { color: #000; }
.service-block-2-content a {    color: #333;}

.form-control:focus{border-color: none !important;     box-shadow: none !important;}

.section-title h5 {    text-transform: uppercase;    font-size: 14px;    line-height: 1;    letter-spacing: .5px;    margin-bottom: 12px;    font-weight: 500;}

.section-title h2.title {    font-weight: 700;    font-size: 38px;    line-height: 46px;    margin-bottom: 0;    text-transform: capitalize;}

.cmt-icon.cmt-icon_element-size-xs i {    font-size: 19px;    float: left;    line-height: 29px;}

.featured-icon-box .cmt-icon {    margin-bottom: 0;}

.cmt-icon.cmt-icon_element-style-round {    border-radius: 50%;}

.cmt-icon.cmt-icon_element-size-xs {    height: 40px;    width: 40px;    line-height: 40px;    float: left;}

.cmt-icon_element-bgcolor-skincolor{    background-color: #fe982f;}

.cmt-icon i {    display: inline-block;    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}

.icon_element-bgcolor-skincolor i{    color: #fff;}

.featured-icon-box.style3 {    padding: 10px 0px 13px 0;}

.featured-icon-box.left-icon {    display: table;}

.featured-icon-box.style3 .featured-title h5 {    margin-bottom: 5px;}

.featured-title h5 {    font-size: 21px;    line-height: 28px;    margin-bottom: 0;    text-transform: capitalize;}

.featured-content {    float: right;    width: 88%;}

.icons-type{float: left; width: 12%;}

.icons-type i{font-size: 30px; color: #e8b828;}

.banner_area {    background: #f9f9f9;}

.products-bg {background: url(images/pro-bg.jpg); background-attachment: fixed; background-size: cover;}

figure.single_banner {    margin-bottom: 0;}

/*.quality-section::after{background: url(images/before-item.png)no-repeat;    content: '';    position: absolute;   right: 0;    width: 500px;    height: 777px;    bottom: -72px;    opacity: 0.2;    z-index: -99999;}*/

.box{    overflow: hidden;    position: relative; border: 1px solid #ccc;}

.box:before{    content:"";    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 35%, transparent 65%, rgba(0,0,0,0.8) 100%);    width: 100%;    height: 100%;    opacity: 0;    position: absolute;    top: 0;    left: 0;    z-index: 1;    transition: all 0.4s ease 0.3s;}

.box:hover:before{ opacity: 1; }

.box img{    width: 100%;    height: auto;    transition: all 0.4s linear;}

.box:hover img{ opacity: 0.8; }

.box .box-content{    transform: translateY(-50%);    width: 100%;    position: absolute;    top: 50%;    left: 0;    z-index: 2;}

.box .inner-content{    color: #fff;    background: rgba(214,48,49,0.9);    text-align: center;    width: 90%;   padding: 10px;    border-radius: 0 10px 0 0;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);    transform: translateX(-100%);    transition: all 0.4s ease-in-out 0.2s;}

.box:hover .inner-content{ transform: translateX(0); }

.box .title{    font-size: 22px;    font-weight: 600;    letter-spacing: 1px;    text-transform: uppercase;    margin: 0;}

.box .post{    font-size: 16px;    text-transform: capitalize;    font-style: italic;}

.box .icon{    background: rgba(255,255,255,0.9);    width: 70%;    padding: 7px 10px;    margin: 0;    list-style: none;    border-radius: 0 0 0 10px;    transform: translateX(150%);    transition: all 0.35s ease 0.2s;}

.box:hover .icon{ transform: translateX(50%); }

.box .icon li{    display: inline-block;    margin: 0 2px;    transform:translateX(350px);    transition: all 0.35s;}

.box:hover .icon li{ transform: translateX(0); }

.box:hover .icon li:nth-child(1){ transition-delay: 0.3s; }

.box:hover .icon li:nth-child(2){ transition-delay: 0.4s; }

.box .icon li a{    color:#fff;    background-color: #B7B7B7;    font-size: 19px;    text-align: center;    line-height: 35px;    height: 35px;    width: 35px;    border-radius: 15px;    display: block;    transition: all 0.35s;}

.box .icon li  a:hover{ background-color: #333; }

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

.box { margin: 0 0 30px; }

}

.box-content h3{color: #fff;}

.gallry-final {    padding: 10px 0px 25px 0px;}

.gallery-item {background-color: #fff;}

.gallry-final{background: url(images/gallery-bg.jpg)no-repeat; background-size: cover;}

.gallry-final .section-heading h4{color: #fff;}

.gallry-final .section-heading p{color: #fff;}

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

.bg-image {    background: url(images/cta-bg.png)no-repeat;    background-size: cover;}
.cmt-row.quality-section {    background: #fff;}





/*.shape-box [class*="pricing-shape"] {

position: absolute;

}

.shape-box .pricing-shape-one {

top: 23%;



left: 0;

}

.shape-box .pricing-shape-two {

top: 30%;

right: 2%;

-webkit-animation: zoom-fade 5s infinite linear;

animation: zoom-fade 5s infinite linear;

}



@keyframes zoom-fade{

0% {    -webkit-transform: scale(1.2);    transform: scale(1.2);}

}*/





.cmt-page-title-row {	position: relative;	background-image: url(images/common-banner.png);	background-size: cover;	background-repeat: no-repeat;	background-position: center;}

div.cmt-page-title-row>.cmt-bg-layer {	background-color: rgba(24, 35, 51, .85);}

.cmt-page-title-row {	display: block;	padding-top: 50px;	padding-bottom: 50px;	z-index: 2;	text-align: center;}

.title-box .page-title-heading h1 {	font-weight: 700;	text-transform: capitalize;	font-size: 41px;	line-height: 50px;	color: #fff;	margin-bottom: 0;}

.breadcrumb-wrapper span a {	font-weight: 600;	color: #fff; font-family: 'Inria Serif', serif}

.breadcrumb-wrapper span {	font-weight: 400;	text-transform: capitalize;	font-size: 16px;	color: #fff;line-height: 22px;	display: inline-block;}

.breadcrumb-wrapper span>i {	margin: 0 5px;	font-size: 15px	color: #fff;}



.contact-box { border: 1px solid #b5b5b5;    -webkit-box-shadow: 0 0 1px 0 rgba(34, 34, 34, .07);    -moz-box-shadow: 0 0 1px 0 rgba(34, 34, 34, .07);    box-shadow: 0 0 1px 0 rgba(34, 34, 34, .07);        min-height: 212px;     background: #f8f9fa;}

.contact-box h5 {   font-size: 21px;    line-height: 28px;    margin-bottom: 0;}

.contact-box span, .contact-box span a {    color: #777;    display: inline-block;}

.contact-detail-box {    padding: 20px 15px 15px;}

.contact-detail-box {    background-color: #f8f9fa; height: auto;}

.featured-icon{-webkit-transition: all .5s ease-in-out 0s;    -moz-transition: all .5s ease-in-out 0s;    -ms-transition: all .5s ease-in-out 0s;    -o-transition: all .5s ease-in-out 0s;    transition: all .5s ease-in-out 0s}

.contact-box span, .contact-box span a {    color: #777;    display: inline-block;}

.contact-box span, .contact-box span a {    color: #777;    display: inline-block;}

.contact-box h6 {    font-size: 15px;    line-height: 20px;    padding-top: 30px;    font-weight: 600;    text-transform: capitalize;}

.contact-box h6 a:hover{    color: #081528;}

.contact-box h6 a{color: #fe982f;}

.cmt-icon.cmt-icon_element-size-md i {    font-size: 30px;}

.cmt-icon i {    display: inline-block;    position: absolute;    top: 28%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}

.cmt-icon_element-color-skincolor{    color: #333;}

.contact-detail-box .featured-icon .cmt-icon {    margin-bottom: 10px;}

.cmt-icon.cmt-icon_element-size-md {    height: 58px;    width: 58px;    line-height: 58px;}

.box-shadow {    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .07);}

.spacing-12 {    padding: 35px 30px 20px;}

.form-group input[type=text], .form-group select, .form-group textarea {    border: 1px solid #f1f1f1;    background-color: #f8f9fa;    font-size: 13px;    border-radius: 0;    height: auto;    padding: 12px 15px;    resize: none;     font-family: 'Poppins', sans-serif;}

.cmt-btn-bgcolor-skincolor{color: #333;}

.cmt-btn-bgcolor-skincolor:hover{    background-color: #081528; color: #fff;}

.cmt-btn.cmt-btn-size-md {    font-size: 15px;    border: none;    padding: 13px 30px 10px 30px;}

.cmt-quote-form button {margin-top: 10px;    line-height: 20px;     font-family: 'Inria Serif', serif;}

.cmt-btn-bgcolor-skincolor{  background-color: #e8b828; transition: 0.5s;     font-family: 'Inria Serif', serif;}

.section-title h4.title {    font-weight: 700;    font-size: 28px;    line-height: 32px;   margin-bottom: 0;    text-transform: capitalize;}

.section-title .title-header {    position: relative;    margin-bottom: 20px;}

.contact-box-section {    background: #fff;}
.cmt-row.map-section {    background: #040470;}

.contact-detail-box b{color: #000;}

.contact-detail-box span{line-height: 30px;}

.sitemap-links li {    line-height: 35px;}

.sitemap-links li a {       color: #333;    font-weight: 500;    transition: 0.5s;}

.sitemap-links li i {    padding-right: 7px;}

.sitemap-links ul ul {    padding-left: 15px;}

/* Pen Title */

.pen-title {  padding: 50px 0;  text-align: center;  letter-spacing: 2px;}

.pen-title h1 {  margin: 0 0 20px;  font-size: 48px;  font-weight: 300;}

.pen-title span {  font-size: 12px;}

.pen-title span .fa {  color: #ed2553;}

.pen-title span a {  color: #ed2553;  font-weight: 600;  text-decoration: none;}

/* Rerun */

.rerun {  margin: 0 0 30px;  text-align: center;}

.rerun a {  cursor: pointer;  display: inline-block;  background: #ed2553;  border-radius: 3px;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);  padding: 10px 20px;  color: #ffffff;  text-decoration: none;  transition: 0.3s ease;}

.rerun a:hover {  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}

/* Scroll To Bottom */

#codepen, #portfolio {  position: fixed;  bottom: 30px;  right: 30px;  background: #363636;  width: 56px;  height: 56px;  border-radius: 100%;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);  transition: 0.3s ease;  color: #ffffff;  text-align: center;}

#codepen i, #portfolio i {  line-height: 56px;}

#codepen:hover, #portfolio:hover {  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);}

/* CodePen */

#portfolio {  bottom: 96px;  right: 36px;  background: #ed2553;  width: 44px;  height: 44px;  -webkit-animation: buttonFadeInUp 1s ease;  animation: buttonFadeInUp 1s ease;}

#portfolio i {  line-height: 44px;}

.form-side.active .card:first-child {  background: #f2f2f2;  margin: 0 15px;}

.form-side.active .card:nth-child(2) {  background: #fafafa;  margin: 0 10px;}

.form-side.active .card.alt {  top: 20px;  right: 0;  width: 100%;  min-width: 100%;  height: auto;  border-radius: 5px;  padding: 60px 0 40px; overflow: hidden;}

.form-side.active .card.alt .toggle {  position: absolute;  top: 40px;  right: -70px;  box-shadow: none;  -webkit-transform: scale(10);  transform: scale(10);  transition: -webkit-transform .3s ease;  transition: transform .3s ease;  transition: transform .3s ease, -webkit-transform .3s ease;}

.form-side.active .card.alt .toggle:before {  content: '';}

.form-side.active .card.alt .title,.form-side.active .card.alt .input-form-side,.form-side.active .card.alt .button-form-side {  left: 0;  opacity: 1;  visibility: visible;  transition: .3s ease;}

.form-side.active .card.alt .title {  transition-delay: .3s;}

.form-side.active .card.alt .input-form-side {  transition-delay: .4s;}

.form-side.active .card.alt .input-form-side:nth-child(2) {  transition-delay: .5s;}

.form-side.active .card.alt .input-form-side:nth-child(3) {  transition-delay: .6s;}

.form-side.active .card.alt .button-form-side {  transition-delay: .7s;}

/* Card */

.card {  position: relative;  background: #ffffff;  border-radius: 5px;padding: 15px 0 20px 0;  box-sizing: border-box;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);  transition: .3s ease;}

.card:first-child {  background: #e8b828;  height: 10px;  border-radius: 5px 5px 0 0;  margin: 0 10px;  padding: 0;}

.card .title {position: relative;    z-index: 1;    border-left: 5px solid #333;    text-align: center;    color: #333;    font-size: 32px;    font-weight: 600;    text-transform: uppercase;}

.card .input-container {  position: relative;  margin-bottom: 10px;}

.card .input-container input {    outline: none;    z-index: 1;    position: relative;    background: none;    width: 100%;    height: 40px;    border: 0;    color: #212121;    font-size: 16px;    font-weight: 400;    border-bottom: 1px solid #ccc;     font-family: 'Poppins', sans-serif;}

.card .input-container input:focus ~ label {  color: #9d9d9d;  -webkit-transform: translate(-12%, -50%) scale(0.75);          transform: translate(-12%, -50%) scale(0.75);}

.card .input-container input:focus ~ .bar:before, .card .input-container input:focus ~ .bar:after {  width: 50%;}

.card .input-container input:valid ~ label {  color: #9d9d9d;  -webkit-transform: translate(-12%, -50%) scale(0.75);          transform: translate(-12%, -50%) scale(0.75);}

.card .input-container label {  position: absolute;  top: 0;  left: 0;  color: #757575;  font-size: 24px;  font-weight: 300;  line-height: 60px;  transition: 0.2s ease;}

.card .input-container .bar {  position: absolute;  left: 0;  bottom: 0;  background: #757575;  width: 100%;  height: 1px;}

.card .input-container .bar:before, .card .input-container .bar:after {  content: '';  position: absolute;  background: #ed2553;  width: 0;  height: 2px;  transition: .2s ease;}

.card .input-container .bar:before {  left: 50%;}

.card .input-container .bar:after {  right: 50%;}

.card .button-container {  text-align: center;}

.card .button-container button {    outline: 0;    cursor: pointer;    position: relative;    display: inline-block;    background: 0;    width: 100%;        height: 45px;    border: 2px solid #e3e3e3;    /* padding: 10px 0; */    font-size: 24px;    font-weight: 600;    line-height: 1;    text-transform: uppercase;    overflow: hidden;    transition: .3s ease;    text-align: center;}

.card .button-container button span {  position: relative;  z-index: 1;  color: #737373;  transition: .3s ease;}

.card .button-container button:before {  content: '';  position: absolute;  top: 50%;  left: 50%;  display: block;  background: #e8b828;  width: 30px;  height: 30px;  border-radius: 100%;  margin: -15px 0 0 -15px;  opacity: 0;  transition: .3s ease;}

.card .button-container button:hover, .card .button-container button:active, .card .button-container button:focus {  border-color: #e8b828;}

.card .button-container button:hover span, .card .button-container button:active span, .card .button-container button:focus span {  color: #333;}

.card .button-container button:active span, .card .button-container button:focus span {  color: #ffffff;}

.card .button-container button:active:before, .card .button-container button:focus:before {  opacity: 1;  -webkit-transform: scale(10);  transform: scale(10);}

.card .footer {  margin: 40px 0 0;  color: #d3d3d3;  font-size: 24px;  font-weight: 300;  text-align: center;}

.card .footer a {  color: inherit;  text-decoration: none;  transition: .3s ease;}

.card .footer a:hover {  color: #bababa;}

.card.alt {  position: absolute;  top: 40px;  right: -70px;  z-index: 10;  width: 140px;  height: 140px;  background: none;  border-radius: 100%;  box-shadow: none;  padding: 0;  transition: .3s ease;}

.card.alt .toggle {  position: relative;  background: #ed2553;  width: 140px;  height: 140px;  border-radius: 100%;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);  color: #ffffff;  font-size: 58px;  line-height: 140px;  text-align: center;  cursor: pointer;}

.card.alt .toggle:before { content: '\f040';  display: inline-block;  font: normal normal normal 14px/1 FontAwesome; font-size: inherit;  text-rendering: auto;  -webkit-font-smoothing: antialiased;  -moz-font-smoothing: grayscale;  -webkit-transform: translate(0, 0);          transform: translate(0, 0);}

.card.alt .title,.card.alt .input-container,.card.alt .button-container {  left: 100px;  opacity: 0;  visibility: hidden;}

.card.alt .title {  position: relative;  border-color: #ffffff;  color: #ffffff;}

.card.alt .title .close {  cursor: pointer;  position: absolute;  top: 0;  right: 60px;  display: inline;  color: #ffffff;  font-size: 58px;  font-weight: 400;}

.card.alt .title .close:before {  content: '\00d7';}

.card.alt .input-container input {  color: #ffffff;}

.card.alt .input-container input:focus ~ label {  color: #ffffff;}

.card.alt .input-container input:focus ~ .bar:before, .card.alt .input-container input:focus ~ .bar:after {  background: #ffffff;}

.card.alt .input-container input:valid ~ label {  color: #ffffff;}

.card.alt .input-container label {  color: rgba(255, 255, 255, 0.8);}

.card.alt .input-container .bar {  background: rgba(255, 255, 255, 0.8);}

.card.alt .button-container button {  width: 100%;  background: #ffffff;  border-color: #ffffff;}

.card.alt .button-container button span {  color: #ed2553;}

.card.alt .button-container button:hover {  background: rgba(255, 255, 255, 0.9);}

.card.alt .button-container button:active:before, .card.alt .button-container button:focus:before {  display: none;}

.input-container textarea{background: #040470; width: 100%; resize: none; height: 100px; border:none; border-bottom: 1px solid #ccc;     font-family: 'Poppins', sans-serif; outline: none;}

.input-container textarea:focus{border:none !important}



.our-presence {    padding: 50px 0; background-color: #fff;}
.plain-text{background-color: #000080;}
ul.coloring li a {    background: #333;    padding: 15px;    color: #fff;}

.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}

textarea::placeholder {
    color: white;
}
.full-width-type { background-color: #e8b828; margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px; padding: 10px 15px;}

.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}

.inner-states {    text-align: left;    margin: 5px;}

.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;}

/* Rectangle Out */

.hvr-rectangle-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;      background: #4c4c4c;      width: 100%;    text-align: center;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-rectangle-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #363636;  -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-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {  color: white;}

.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {  -webkit-transform: scale(1);  transform: scale(1);}



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

.box-content {
    margin-top: 15px;}

form{
    background: #040470;
    color: white;
}
.card .input-container input::placeholder {
    color: white;
}

.cover-product {padding-left: 0px;      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;}

.demo {  display: inline-block;  width: 100%;  padding: 10px;  -webkit-box-sizing: border-box;  box-sizing: border-box;  zoom: 1;  display: inline;}

.imghvr-fold-down img {  -webkit-transform-origin: 50% 100%;  -ms-transform-origin: 50% 100%;  transform-origin: 50% 100%;}

.imghvr-fold-down figcaption {  -webkit-transform: rotateX(90deg) translate3d(0,50%,0) scale(.6);  transform: rotateX(90deg) translate3d(0,50%,0) scale(.6);  -webkit-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  transform-origin: 50% 0;}

.imghvr-fold-down:hover img {  -webkit-transform: rotateX(-90deg) scale(.6) translateY(-50%);  transform: rotateX(-90deg) scale(.6) translateY(-50%);}

.pro-box [class*=' imghvr-'],[class^=imghvr-] {position: relative;  display: inline-block;  margin: 0;  max-width: 100%;  background-color: rgba(230,230,230,.7);  color: #666;  overflow: hidden;  -moz-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: rgba(255,255,255,.9);  padding: 20px;  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;}

.pro-box [class*=' imghvr-'] p,[class^=imghvr-] p {  font-family: Lora,sans-serif;  font-size: .9em;}

.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;}

.pro-box [class*=' imghvr-'] figcaption, [class^=imghvr-] figcaption {    background-color: rgba(255,255,255,.9);    padding: 20px;    position: absolute;    top: 15px;    bottom: 15px;    left: 15px;    right: 15px;    border: 1px solid rgba(0,0,0,.1);}

.our-products {    background: #f1f1f1;}

[class*=' imghvr-reveal-']:before,[class^=imghvr-reveal-]:before {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  content: '';  background-color: inherit;}

[class*=' imghvr-reveal-'] figcaption,[class^=imghvr-reveal-] figcaption {  opacity: 0;}

[class*=' imghvr-reveal-']:hover:before,[class^=imghvr-reveal-]:hover:before {  -webkit-transform: translate(0,0);  transform: translate(0,0);}

[class*=' imghvr-reveal-']:hover figcaption,[class^=imghvr-reveal-]:hover figcaption {  opacity: 1;  -webkit-transition-delay: .2s;  transition-delay: .2s;}

.imghvr-reveal-up:before {  -webkit-transform: translateY(100%);  transform: translateY(100%);}

.imghvr-reveal-down:before {  -webkit-transform: translateY(-100%);  transform: translateY(-100%);}

.imghvr-reveal-left:before {  -webkit-transform: translateX(100%);  transform: translateX(100%);}

.imghvr-reveal-right:before {  -webkit-transform: translateX(-100%);  transform: translateX(-100%);}

[class*=' imghvr-hinge-'],[class^=imghvr-hinge-] {  -webkit-perspective: 50em;  perspective: 50em;}

[class*=' imghvr-hinge-'] figcaption,[class^=imghvr-hinge-] figcaption {  opacity: 0;  z-index: 1;}

[class*=' imghvr-hinge-']:hover img,[class^=imghvr-hinge-]:hover img {  opacity: 0;}

[class*=' imghvr-hinge-']:hover figcaption,[class^=imghvr-hinge-]:hover figcaption {  opacity: 1;  -webkit-transition-delay: .2s;  transition-delay: .2s;}

.imghvr-hinge-up img {  -webkit-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  transform-origin: 50% 0;}

.imghvr-hinge-up figcaption {  -webkit-transform: rotateX(90deg);  transform: rotateX(90deg);  -webkit-transform-origin: 50% 100%;  -ms-transform-origin: 50% 100%;  transform-origin: 50% 100%;}

.imghvr-hinge-up:hover img {  -webkit-transform: rotateX(-90deg);  transform: rotateX(-90deg);}

.imghvr-hinge-up:hover figcaption {  -webkit-transform: rotateX(0);  transform: rotateX(0);}

.imghvr-hinge-down img {  -webkit-transform-origin: 50% 100%;  -ms-transform-origin: 50% 100%;  transform-origin: 50% 100%;}

.imghvr-hinge-down figcaption {  -webkit-transform: rotateX(-90deg);  transform: rotateX(-90deg);  -webkit-transform-origin: 50% -50%;  -ms-transform-origin: 50% -50%;  transform-origin: 50% -50%;}

.imghvr-hinge-down:hover img {  -webkit-transform: rotateX(90deg);  transform: rotateX(90deg);  opacity: 0;}

.imghvr-hinge-down:hover figcaption {  -webkit-transform: rotateX(0);  transform: rotateX(0);}

.imghvr-hinge-left img {  -webkit-transform-origin: 0 50%;  -ms-transform-origin: 0 50%;  transform-origin: 0 50%;}

.imghvr-hinge-left figcaption {  -webkit-transform: rotateY(-90deg);  transform: rotateY(-90deg);  -webkit-transform-origin: 100% 50%;  -ms-transform-origin: 100% 50%;  transform-origin: 100% 50%;}

.imghvr-hinge-left:hover img {  -webkit-transform: rotateY(90deg);  transform: rotateY(90deg);}

.imghvr-hinge-left:hover figcaption {  -webkit-transform: rotateY(0);  transform: rotateY(0);}

.imghvr-hinge-right img {  -webkit-transform-origin: 100% 50%;  -ms-transform-origin: 100% 50%;  transform-origin: 100% 50%;}

.imghvr-hinge-right figcaption {  -webkit-transform: rotateY(90deg);  transform: rotateY(90deg);  -webkit-transform-origin: 0 50%;  -ms-transform-origin: 0 50%;  transform-origin: 0 50%;}

.imghvr-hinge-right:hover img {  -webkit-transform: rotateY(-90deg);  transform: rotateY(-90deg);}

.imghvr-hinge-right:hover figcaption {  -webkit-transform: rotateY(0);  transform: rotateY(0);}

[class*=' imghvr-flip-'],[class^=imghvr-flip-] {  -webkit-perspective: 50em;  perspective: 50em;}

[class*=' imghvr-flip-'] img,[class^=imghvr-flip-] img {  backface-visibility: hidden;}

[class*=' imghvr-flip-'] figcaption,[class^=imghvr-flip-] figcaption {  opacity: 0;}

[class*=' imghvr-flip-']:hover figcaption,[class^=imghvr-flip-]:hover figcaption {  opacity: 1;  -webkit-transition-delay: .15s;  transition-delay: .15s;}

.imghvr-flip-horiz figcaption {  -webkit-transform: rotateX(90deg);  transform: rotateX(90deg);  -webkit-transform-origin: 0 50%;  -ms-transform-origin: 0 50%;  transform-origin: 0 50%;}

.imghvr-flip-horiz:hover figcaption {  -webkit-transform: rotateX(0);  transform: rotateX(0);}

.imghvr-flip-vert figcaption {  -webkit-transform: rotateY(90deg);  transform: rotateY(90deg);  -webkit-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  transform-origin: 50% 0;}

.imghvr-flip-vert:hover figcaption {  -webkit-transform: rotateY(0);  transform: rotateY(0);}

.imghvr-flip-diag-1 figcaption {  -webkit-transform: rotate3d(1,-1,0,100deg);  transform: rotate3d(1,-1,0,100deg);}

.imghvr-flip-diag-1:hover figcaption {  -webkit-transform: rotate3d(0,0,0,0deg);  transform: rotate3d(0,0,0,0deg);}

.imghvr-flip-diag-2 figcaption {  -webkit-transform: rotate3d(1,1,0,100deg);  transform: rotate3d(1,1,0,100deg);}

.imghvr-flip-diag-2:hover figcaption {  -webkit-transform: rotate3d(0,0,0,0deg);  transform: rotate3d(0,0,0,0deg);}

[class*=' imghvr-shutter-out-']:before,[class^=imghvr-shutter-out-]:before {  background: inherit;  position: absolute;  content: '';  -webkit-transition-delay: .1s;  transition-delay: .1s;}

[class*=' imghvr-shutter-out-'] figcaption,[class^=imghvr-shutter-out-] figcaption {  opacity: 0;  -webkit-transition-delay: 0s;  transition-delay: 0s;}

[class*=' imghvr-shutter-out-']:hover:before,[class^=imghvr-shutter-out-]:hover:before {  -webkit-transition-delay: 0s;  transition-delay: 0s;}

[class*=' imghvr-shutter-out-']:hover figcaption,[class^=imghvr-shutter-out-]:hover figcaption {  opacity: 1;  -webkit-transition-delay: .1s;  transition-delay: .1s;}

.imghvr-shutter-out-horiz:before {  left: 50%;  right: 50%;  top: 0;  bottom: 0;}

.imghvr-shutter-out-horiz:hover:before {  left: 0;  right: 0;}

.imghvr-shutter-out-vert:before {  top: 50%;  bottom: 50%;  left: 0;  right: 0;}

.imghvr-shutter-out-vert:hover:before {  top: 0;  bottom: 0;}

.imghvr-shutter-out-diag-1:before {  top: 50%;  bottom: 50%;  left: -35%;  right: -35%;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}

.imghvr-shutter-out-diag-1:hover:before {  top: -35%;  bottom: -35%;}

.imghvr-shutter-out-diag-2:before {  top: 50%;  bottom: 50%;  left: -35%;  right: -35%;  -webkit-transform: rotate(-45deg);  transform: rotate(-45deg);}

.imghvr-shutter-out-diag-2:hover:before {  top: -35%;  bottom: -35%;}

[class*=' imghvr-shutter-in-']:after,[class*=' imghvr-shutter-in-']:before,[class^=imghvr-shutter-in-]:after,[class^=imghvr-shutter-in-]:before {  background: inherit;  position: absolute;  content: '';}

[class*=' imghvr-shutter-in-']:after,[class^=imghvr-shutter-in-]:after {  top: 0;  left: 0;}

[class*=' imghvr-shutter-in-']:before,[class^=imghvr-shutter-in-]:before {  right: 0;  bottom: 0;}

[class*=' imghvr-shutter-in-'] figcaption,[class^=imghvr-shutter-in-] figcaption {  opacity: 0;  z-index: 1;}

[class*=' imghvr-shutter-in-']:hover figcaption,[class^=imghvr-shutter-in-]:hover figcaption {  opacity: 1;  -webkit-transition-delay: .2s;  transition-delay: .2s;}

.imghvr-shutter-in-horiz:after,.imghvr-shutter-in-horiz:before {  width: 0;  height: 100%;}

.imghvr-shutter-in-horiz:hover:after,.imghvr-shutter-in-horiz:hover:before {  width: 50%;}

.imghvr-shutter-in-vert:after,.imghvr-shutter-in-vert:before {  height: 0;  width: 100%;}

.imghvr-shutter-in-vert:hover:after,.imghvr-shutter-in-vert:hover:before {  height: 50%;}

.imghvr-shutter-in-out-horiz:after,.imghvr-shutter-in-out-horiz:before { width: 0;  height: 100%;}

.imghvr-shutter-in-out-horiz:hover:after,.imghvr-shutter-in-out-horiz:hover:before {  width: 100%;}

.imghvr-shutter-in-out-vert:after,.imghvr-shutter-in-out-vert:before {  height: 0;  width: 100%;}

.imghvr-shutter-in-out-vert:hover:after,.imghvr-shutter-in-out-vert:hover:before {  height: 100%;}

.imghvr-shutter-in-out-diag-1:after,.imghvr-shutter-in-out-diag-1:before {  width: 200%;  height: 200%;  -webkit-transition: all .6s ease;  transition: all .6s ease;}

.imghvr-shutter-in-out-diag-1:after {  -webkit-transform: skew(-45deg) translateX(-150%);  transform: skew(-45deg) translateX(-150%);}

.imghvr-shutter-in-out-diag-1:before {  -webkit-transform: skew(-45deg) translateX(150%);  transform: skew(-45deg) translateX(150%);}

.imghvr-shutter-in-out-diag-1:hover:after {  -webkit-transform: skew(-45deg) translateX(-50%);  transform: skew(-45deg) translateX(-50%);}

.imghvr-shutter-in-out-diag-1:hover:before {  -webkit-transform: skew(-45deg) translateX(50%);  transform: skew(-45deg) translateX(50%);}

.imghvr-shutter-in-out-diag-2:after,.imghvr-shutter-in-out-diag-2:before {  width: 200%;  height: 200%;  -webkit-transition: all .6s ease;  transition: all .6s ease;}

.imghvr-shutter-in-out-diag-2:after {  -webkit-transform: skew(45deg) translateX(-100%);  transform: skew(45deg) translateX(-100%);}

.imghvr-shutter-in-out-diag-2:before {  -webkit-transform: skew(45deg) translateX(100%);  transform: skew(45deg) translateX(100%);}

.imghvr-shutter-in-out-diag-2:hover:after,.imghvr-shutter-in-out-diag-2:hover:before {  -webkit-transform: skew(45deg) translateX(0);  transform: skew(45deg) translateX(0);}

[class*=' imghvr-fold'],[class^=imghvr-fold] {  -webkit-perspective: 50em;  perspective: 50em;}

[class*=' imghvr-fold'] img,[class^=imghvr-fold] img {  -webkit-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  transform-origin: 50% 0;}

[class*=' imghvr-fold'] figcaption,[class^=imghvr-fold] figcaption {  z-index: 1;  opacity: 0;}

[class*=' imghvr-fold']:hover img,[class^=imghvr-fold]:hover img {  opacity: 0;  -webkit-transition-delay: 0;  transition-delay: 0;}

[class*=' imghvr-fold']:hover figcaption,[class^=imghvr-fold]:hover figcaption {  -webkit-transform: rotateX(0) translate3d(0,0,0) scale(1);  transform: rotateX(0) translate3d(0,0,0) scale(1);  opacity: 1;  -webkit-transition-delay: .2s;  transition-delay: .2s;}

.imghvr-fold-up img {  -webkit-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  transform-origin: 50% 0;}

.imghvr-fold-up figcaption {  -webkit-transform: rotateX(-90deg) translate3d(0,-50%,0) scale(.6);  transform: rotateX(-90deg) translate3d(0,-50%,0) scale(.6);  -webkit-transform-origin: 50% 100%;  -ms-transform-origin: 50% 100%;  transform-origin: 50% 100%;}

.imghvr-fold-up:hover img {  -webkit-transform: rotateX(90deg) scale(.6) translateY(50%);  transform: rotateX(90deg) scale(.6) translateY(50%);}

.imghvr-fold-down img {  -webkit-transform-origin: 50% 100%;  -ms-transform-origin: 50% 100%;  transform-origin: 50% 100%;border: 1px solid #e8e6e6;}

.imghvr-fold-down figcaption {  -webkit-transform: rotateX(90deg) translate3d(0,50%,0) scale(.6);  transform: rotateX(90deg) translate3d(0,50%,0) scale(.6);  -webkit-transform-origin: 50% 0;  -ms-transform-origin: 50% 0;  transform-origin: 50% 0;}

.imghvr-fold-down:hover img {  -webkit-transform: rotateX(-90deg) scale(.6) translateY(-50%);  transform: rotateX(-90deg) scale(.6) translateY(-50%);}

.imghvr-fold-left img {  -webkit-transform-origin: 0 50%;  -ms-transform-origin: 0 50%;  transform-origin: 0 50%;}

.imghvr-fold-left figcaption {  -webkit-transform: rotateY(90deg) translate3d(-50%,0,0) scale(.6);  transform: rotateY(90deg) translate3d(-50%,0,0) scale(.6); -webkit-transform-origin: 100% 50%;  -ms-transform-origin: 100% 50%;  transform-origin: 100% 50%;}

.imghvr-fold-left:hover img {  -webkit-transform: rotateY(-90deg) scale(.6) translateX(50%);  transform: rotateY(-90deg) scale(.6) translateX(50%);}

.imghvr-fold-right {  -webkit-perspective: 50em;  perspective: 50em;}

.imghvr-fold-right img {  -webkit-transform-origin: 100% 50%;  -ms-transform-origin: 100% 50%;  transform-origin: 100% 50%;}

.imghvr-fold-right figcaption {  -webkit-transform: rotateY(-90deg) translate3d(50%,0,0) scale(.6); transform: rotateY(-90deg) translate3d(50%,0,0) scale(.6);  -webkit-transform-origin: 0 50%;  -ms-transform-origin: 0 50%;  transform-origin: 0 50%;}

.imghvr-fold-right:hover img {  -webkit-transform: rotateY(90deg) scale(.6) translateX(-50%);  transform: rotateY(90deg) scale(.6) translateX(-50%);}

.imghvr-zoom-in figcaption {  opacity: 0;  -webkit-transform: scale(.5);  transform: scale(.5);}

.imghvr-zoom-in:hover figcaption {  -webkit-transform: scale(1);  transform: scale(1);  opacity: 1;}

[class*=' imghvr-zoom-out'] figcaption,[class^=imghvr-zoom-out] figcaption {  -webkit-transform: scale(.5);  transform: scale(.5);  -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;  opacity: 0;}

[class*=' imghvr-zoom-out'].hover figcaption,[class*=' imghvr-zoom-out']:hover figcaption,[class^=imghvr-zoom-out].hover figcaption,[class^=imghvr-zoom-out]:hover figcaption {  -webkit-transform: scale(1);  transform: scale(1);  opacity: 1;  -webkit-transition-delay: .3s;  transition-delay: .3s;}

.imghvr-zoom-out:hover img {  -webkit-transform: scale(.5);  transform: scale(.5);  opacity: 0;}

.imghvr-zoom-out-up.hover img,.imghvr-zoom-out-up:hover img {  -webkit-animation: imghvr-zoom-out-up .4s linear;  animation: imghvr-zoom-out-up .4s linear;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}

@-webkit-keyframes imghvr-zoom-out-up {

50% {    -webkit-transform: scale(.8) translateY(0);    transform: scale(.8) translateY(0);    opacity: .5;  }

100% {    -webkit-transform: scale(.8) translateY(-150%);    transform: scale(.8) translateY(-150%);    opacity: .5;  }

}

@keyframes imghvr-zoom-out-up {

50% {    -webkit-transform: scale(.8) translateY(0);    transform: scale(.8) translateY(0);    opacity: .5;  }

100% {    -webkit-transform: scale(.8) translateY(-150%);    transform: scale(.8) translateY(-150%);    opacity: .5;  }

}

.imghvr-zoom-out-down.hover img,.imghvr-zoom-out-down:hover img {  -webkit-animation: imghvr-zoom-out-down .4s linear;  animation: imghvr-zoom-out-down .4s linear;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}



@-webkit-keyframes imghvr-zoom-out-down {

50% {    -webkit-transform: scale(.8) translateY(0);    transform: scale(.8) translateY(0);    opacity: .5;  }

100% {    -webkit-transform: scale(.8) translateY(150%);    transform: scale(.8) translateY(150%);    opacity: .5;  }

}



@keyframes imghvr-zoom-out-down {

50% {    -webkit-transform: scale(.8) translateY(0);    transform: scale(.8) translateY(0);    opacity: .5;  }

100% {    -webkit-transform: scale(.8) translateY(150%);    transform: scale(.8) translateY(150%);    opacity: .5;  }

}

.imghvr-zoom-out-left.hover img,.imghvr-zoom-out-left:hover img {  -webkit-animation: imghvr-zoom-out-left .4s linear;  animation: imghvr-zoom-out-left .4s linear;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}

@-webkit-keyframes imghvr-zoom-out-left {

50% {    -webkit-transform: scale(.8) translateX(0);    transform: scale(.8) translateX(0);    opacity: .5;  }

100% {    -webkit-transform: scale(.8) translateX(-150%);    transform: scale(.8) translateX(-150%);    opacity: .5;  }

}

@keyframes imghvr-zoom-out-left {

50% {    -webkit-transform: scale(.8) translateX(0);    transform: scale(.8) translateX(0);    opacity: .5;  }

100% {    -webkit-transform: scale(.8) translateX(-150%);    transform: scale(.8) translateX(-150%);    opacity: .5;  }

}

.imghvr-zoom-out-right.hover img,.imghvr-zoom-out-right:hover img {  -webkit-animation: imghvr-zoom-out-right .4s linear;  animation: imghvr-zoom-out-right .4s linear;  -webkit-animation-iteration-count: 1;  animation-iteration-count: 1;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}

@-webkit-keyframes imghvr-zoom-out-right {

50% {    -webkit-transform: scale(.8) translateX(0);    transform: scale(.8) translateX(0);    opacity: .5;  }

100% {    -webkit-transform: scale(.8) translateX(150%);    transform: scale(.8) translateX(150%);    opacity: .5;  }

}

@keyframes imghvr-zoom-out-right {

50% {    -webkit-transform: scale(.8) translateX(0);    transform: scale(.8) translateX(0);    opacity: .5;  }

100% {    -webkit-transform: scale(.8) translateX(150%);    transform: scale(.8) translateX(150%);    opacity: .5;  }

}

.imghvr-zoom-out-flip-horiz {  -webkit-perspective: 50em; perspective: 50em;}

.imghvr-zoom-out-flip-horiz figcaption {  opacity: 0;  -webkit-transform: rotateX(90deg) translateY(-100%) scale(.5);  transform: rotateX(90deg) translateY(-100%) scale(.5);}

.imghvr-zoom-out-flip-horiz.hover img,.imghvr-zoom-out-flip-horiz:hover img {  -webkit-transform: rotateX(-100deg) translateY(50%) scale(.5);  transform: rotateX(-100deg) translateY(50%) scale(.5);  opacity: 0;  -webkit-transition-delay: 0;  transition-delay: 0;}

.imghvr-zoom-out-flip-horiz.hover figcaption,.imghvr-zoom-out-flip-horiz:hover figcaption {  -webkit-transform: rotateX(0) translateY(0) scale(1);  transform: rotateX(0) translateY(0) scale(1);  opacity: 1;  -webkit-transition-delay: .3s;  transition-delay: .3s;}

.imghvr-zoom-out-flip-vert {  -webkit-perspective: 50em;  perspective: 50em;}

.imghvr-zoom-out-flip-vert figcaption {  opacity: 0;  -webkit-transform: rotateY(90deg) translate(50%,0) scale(.5);  transform: rotateY(90deg) translate(50%,0) scale(.5);}

.imghvr-zoom-out-flip-vert.hover img,.imghvr-zoom-out-flip-vert:hover img {  -webkit-transform: rotateY(-100deg) translateX(50%) scale(.5);  transform: rotateY(-100deg) translateX(50%) scale(.5);  opacity: 0;  -webkit-transition-delay: 0;  transition-delay: 0;}

.imghvr-zoom-out-flip-vert.hover figcaption,.imghvr-zoom-out-flip-vert:hover figcaption {  -webkit-transform: rotateY(0) translate(0,0) scale(1);  transform: rotateY(0) translate(0,0) scale(1);  opacity: 1;  -webkit-transition-delay: .3s;  transition-delay: .3s;}

.imghvr-blur figcaption {  opacity: 0;}

.imghvr-blur:hover img {  -webkit-filter: blur(30px);  filter: blur(30px);  -webkit-transform: scale(1.2);  transform: scale(1.2);  opacity: 0;}

.imghvr-blur:hover figcaption {  opacity: 1;  -webkit-transition-delay: .2s;  transition-delay: .2s;}

[class*=' imghvr-blocks'] figcaption:after,[class*=' imghvr-blocks'] figcaption:before,[class*=' imghvr-blocks']:after,[class*=' imghvr-blocks']:before,[class^=imghvr-blocks] figcaption:after,[class^=imghvr-blocks] figcaption:before,[class^=imghvr-blocks]:after,[class^=imghvr-blocks]:before {  background-color: #fff;  opacity: 0;  position: absolute;  content: '';}

[class*=' imghvr-blocks']:after,[class*=' imghvr-blocks']:before,[class^=imghvr-blocks]:after,[class^=imghvr-blocks]:before {  z-index: 1;}

[class*=' imghvr-blocks']:before,[class^=imghvr-blocks]:before { top: 15px;  right: 15px;  bottom: 50%;  left: 50%;}

[class*=' imghvr-blocks']:after,[class^=imghvr-blocks]:after {  bottom: 15px;  left: 15px;  top: 50%;  right: 50%;}

[class*=' imghvr-blocks'] figcaption,[class^=imghvr-blocks] figcaption {  z-index: 3;  background-color: transparent;  border-width: 0;}

[class*=' imghvr-blocks'] figcaption *,[class^=imghvr-blocks] figcaption * {  opacity: 0;}

[class*=' imghvr-blocks'] figcaption:after,[class*=' imghvr-blocks'] figcaption:before,[class^=imghvr-blocks] figcaption:after,[class^=imghvr-blocks] figcaption:before {  height: 50%;  width: 50%;  z-index: -1;}

[class*=' imghvr-blocks'] figcaption:before,[class^=imghvr-blocks] figcaption:before {  top: 0;  left: 0;}

[class*=' imghvr-blocks'] figcaption:after,[class^=imghvr-blocks] figcaption:after {  bottom: 0;  right: 0;}

[class*=' imghvr-blocks'] a,[class^=imghvr-blocks] a {  z-index: 3;}

[class*=' imghvr-blocks']:hover figcaption:after,[class*=' imghvr-blocks']:hover figcaption:before,[class*=' imghvr-blocks']:hover:after,[class*=' imghvr-blocks']:hover:before,[class^=imghvr-blocks]:hover figcaption:after,[class^=imghvr-blocks]:hover figcaption:before,[class^=imghvr-blocks]:hover:after,[class^=imghvr-blocks]:hover:before {  -webkit-transform: translate(0,0);  transform: translate(0,0);  opacity: .9;}

[class*=' imghvr-blocks']:hover figcaption *,[class^=imghvr-blocks]:hover figcaption * {  opacity: 1;  -webkit-transition-delay: .25s;  transition-delay: .25s;}

.full-text p {    line-height: 30px;}

h5.about-us-title2{font-size:22px;font-weight:600; color: #4f67b9; margin-bottom: 12px; text-align: center;}

.dedicated-desc p { text-align: justify;}

.why-choose ul { margin-left: 20px;  margin-bottom: 15px;}

.why-choose ul li {font-size: 15px; color: #fff; list-style: disc; line-height: 23px;}      

.form-group input::placeholder { color: #353433;  font-size: 15px; font-weight:500;}

.form-group textarea::placeholder { color: #353433; font-size: 15px; font-weight:500;}

.cover-product-this h2, h3, h4, h5, h6 { color: #3a3838;}

.cover-product-this h3 {font-size: 28px; margin: 0px 0px 5px 0px;}

.cover-product-this h4 { font-size:27px;}

.cover-product-this h5 { font-size:26px;}

.cover-product-this h6 { font-size:25px;}

.cover-product-this ul {list-style: disc;line-height: 25px; color: #777;;margin: 11px 0px 20px 21px;}

.full-text p {   text-align: justify;}

.details-product p {text-align: justify;}

.box-content.zoom { text-align: center;}

.zoom-icon { color: #e8b828;font-size: 27px;}

.banner_text h5 {font-size: 29px;    font-weight: 700;    color: #ffffff;    letter-spacing: 0;    text-transform: uppercase;    margin-bottom: 0px;}
.banner_text.text_center h6 {font-size: 24px; line-height: 28px; letter-spacing: 4px; color: #ffffff; font-weight: 400;    text-transform: uppercase;}

.trusted-clients .trusted-client-content-block .h3-title { color: #fff; font-size: 28px; font-weight: 600; margin: 0;

margin-bottom: 40px;}

.trusted-clients .image-block-wrapper .bubbled-text-block .h3-circle { margin: 0; color: #4f67b9; font-weight: 600; font-size: 40px;  line-height: 1em;}

.about-style-one .image-block-wrapper .bubbled-text-block .h3-about-circle { margin: 0; color: #333; font-weight: 600; font-size: 20px;  margin-top: 7px;}

.weservicing{font-size:30px; color:#fff;}

.service-block-2 .service-block-2-content .h4-title { font-size: 18px; font-weight: 600; margin-bottom: 5px;}

.home-contact {  color: #fff; font-size: 30px; font-weight: 600;}

.h5-title {font-size: 19px; font-weight: 600;}

/* Desktops and laptops ----------- */

@media only screen

and (min-width : 1224px) {

.dk-hide{pointer-events:none;}

}

/* Large screens ----------- */

@media only screen

and (min-width : 1824px) {

.dk-hide{pointer-events:none;}

}

.city { background: #012068;}

.city a{ background: #012068;color:#fff;}

.text-block p {  text-align: justify;  margin-bottom: 5px;}

.contact-detail-box a {  color: #777474;}

figure.imghvr-fold-down h3 { font-size: 20px;}
.zoom-effect img { border: 1px solid #ccc;}

/*new-css*/
.product-item-heading span{position: relative; font-size: 35px;}
.product-item-heading span:after{position: absolute; width: 30px; height: 2px; background-color: #012068;}
.products-racks span {background: #012068;  padding: 12px;}
.products-racks ul li{line-height: 35px; border-bottom: 1px solid #f5f3f3;}
.products-racks ul li a{font-size: 14px; color: #333;}
.navigation.fixed {    position: fixed;    top: 0;    box-shadow: 5px 0px 5px #ccc;    background-color: #012068;    z-index: 99;    width: 100%; }
.products-racks.mb-3 ul {    column-count: 3;}
.header_area.fixed {    position: fixed;    top: 0;    box-shadow: 5px 0px 5px #ccc;    background-color: #012068;    z-index: 99;    width: 100%;}
section.header_area {    background: #012068;}
.scroll-height {height: 450px;  overflow-y: scroll;}
.scroll-height::-webkit-scrollbar {width: 5px;}
.scroll-height::-webkit-scrollbar-track {background: #f1f1f1;}
.scroll-height::-webkit-scrollbar-thumb {background: #000000;}
.scroll-height::-webkit-scrollbar-thumb:hover {background: #555;}
.scroll-height::-moz-selection {background-color: #ffbd1f; color: #444444;}
.scroll-height::selection {background-color: #ffbd1f; color: #444444;}
a.enquiry-btn {    background: #363636;    color: #fff;    font-size: 15px;    font-weight: 500;    border: 2px solid #fff;}
a.enquiry-btn:hover {    background: #fff;    color: #000 !important;}
.parent-menu a {    font-weight: 500 !important;   color: #f25122 !important;    font-size: 15px !important;}
.child-products a {color: #fff;}
.child-products {    width: 100%;    background: #f25122;    text-align:center;    margin: 5px 0px 7px 10px;    padding: 5px;}
.about-text p { line-height: 27px;}
a.cng { margin-left: 70px; }
.year-text span{font-size: 40px; background-repeat: no-repeat !important;  font-family: 'Montserrat', sans-serif;}
.year-text p{background: url(images/smoke.jpg); -webkit-background-clip: text; -webkit-text-fill-color: transparent;    animation-iteration-count: infinite;    font-weight: 800;    font-size: 47px;    line-height: 88px;     -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;}
.img-side-full{background: url(images/smoke.jpg);}
@keyframes masked-animation {
0% {background-position: 50% 35%;}
50% {background-position: 50% 65%;}
100% {background-position: 50% 35%;}
}
.map .media span{font-size: 20px;}
.map .media .media-body {    line-height: 15px;    margin-bottom: 30px;}
.map .media span {    font-size: 20px;    margin-bottom: 0 !important;    display: block;}
.action{position: fixed;bottom: 30px;left: 25px;width: 50px;height: 50px;cursor: pointer;background-color: #f25322;border-radius: 50%;box-shadow: 0 5px 5px rgb(0, 0, 0, 0.1); z-index: 99;}
.action span{position: relative; width: 100%;height: 100%; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2em; transition: 0.3s ease-in-out;}
.action:active span{transform: rotate(360deg);}
.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{margin-right: 10px;opacity: 0.8;transform: scale(0.8);}
.action ul li:hover img{opacity: 0.8;}
.action ul li a{color: #000; font-size: 15px;}
.span-1 {    position: relative;    font-size: 37px;    font-weight: 400;    color: #222;    line-height: 130%;    margin-bottom: 10px;    margin-top: 5px;    text-align: center;    display: block;}
.cont-span p {    text-align: justify;    padding-top: 12px;}
.pad-t {    padding-top: 21px;}
.mobile-menu{display: none;}
.cover-product-this li {    margin-bottom: 10px;}
.whats-app-icon img {    position: fixed;    bottom: 100px;    left: 25px;    cursor: pointer;    transition: 0.5s;    z-index: 9;    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);    border-radius: 100px;}
.Location{    background-color: aliceblue;    padding: 30px 0px;text-align: center;}
.Location h4{    background-color: #f25322;    padding: 5px;    color: white;    text-transform: capitalize;}
.Location-title{    text-align: center;}
.Location-title h2{    text-align: center;    margin-bottom: 15px;}
.Location-title h2 span{color: #f25322;}
.Location-title h2:before{     content: '';    display: block;    width: 100px;    border-radius: 10px;    height: 4px;    background: #012068;    margin: auto;    margin-top: 0;    margin-bottom: 0;    top: 81%;    position: absolute;    left: 46%;}
.Location .owl-prev{width: 45px;    height: 45px;    font-size: 0;    position: absolute;    top: -150px;    background: transparent;    left: 55px;    background: #363636;}
.Location .owl-next{width: 45px;    height: 45px;    font-size: 0;    position: absolute;    top: -150px;    background: transparent;    left: 3px;    background: #363636;}	
.Blog .owl-prev{width: 45px;    height: 45px;   font-size: 0;    position: absolute;    top: -150px;display:none !important;   background: transparent;    left: 55px;    background: #012068b8}
.Blog .owl-next{width: 45px;    height: 45px;    font-size: 0;    position: absolute;    top: -150px;display:none !important;    background: transparent;    left: 3px;    background: #012068b8}	
.owl-buttons {    position: absolute;    top: 112px;    color: #fff;    right: 1% !important;    width: 100px;    height: 45px;}
.owl-prev:before {    content: url(images/right.png);    position: absolute;    top: 13px;    left: 14px;}
.owl-next:after {    content: url(images/left.png);    position: absolute;    top: 0px;    color: #fff;   left: 11px;}
.QUOTE{    background-color: #000;    color: white;    padding: 9px 25px;    margin: 9px 0px;    margin-right: 15px;}
.LEARN{background-color: #001f68 !important;}
.cont {    margin: 50px auto;    text-align: center;    float: none;    position: relative;}
a.QUOTE {    color: white;}
.Storage-Racks{    text-align: center;    padding: 40px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;       background-color: #f9f9f9;    border-radius: 5px;    min-height: 275px; }
.Storage-Racks p img{margin-bottom:15px;}
.Storage-Racks h5{font-weight: 600;    font-size: 22px;}
.Storage-Racks p strong{    font-weight: 500;    font-size: 18px;    margin-top: 10px;    display: block;}
.Storage-Racks p a{    color: black;}
.mr-50{    margin-left: 190px;    margin-top: 4%;}
.Blog {    background-color: #f1f1f1 !important;    padding: 30px 0px;    text-align: center;    margin-bottom: 20px;}
.Enquire-Nows{    color: #333; background-color: #e8b828;}
.Pop-Up {    position: fixed;    top: 50%;    left: -35px;    transform: rotate( -90deg );    transition: transform 150ms ease;}
.modal-header h5{text-align: center;}
.compro{    text-align: center;    margin: 0px auto;    width: 100%;}
.Retail-Storage-Racks{background-color: #f9f9f9;padding: 50px 0px;}
.Quick-Links{background-color: #ffffff;    padding: 20px 0px;    width: 100%;    display: inline-block;    margin-top: 30px;    box-sizing: border-box;    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);    transition: .3s ease;    margin-bottom: 15px;}
.Quick-Links ul li{border-bottom: 1px solid #c1c1c1;
line-height: 30px;}
.Quick-Links ul li a{    color: black;    font-size: 14px;    width: 100%;    padding-left: 15px;}
.Links h3{    color: #012068;    padding-left: 15px;    margin-bottom: 20px;}
.Reviews{    text-align: center;    margin-top: 10%;    padding: 5px;}
.Reviews h5{    font-size: 18px;    font-weight: 800;    margin: 0px;}
.Reviews p{     text-align: justify;    font-size: 14px;    line-height: 21px;   color: black;}
.Reviews span{    font-size: 14px;    color: #ffaa01;}
.maps{    display: block;    position: relative;    padding: 20px 0px 50px 0px;}
.May{    text-align: center !important;}
.Google-Reviews{    text-align: center;}
.Google-Reviews a{     text-align: center;  border: 1px solid #f25322;    padding: 10px;    margin: 20px;    display: inline-block;  color: #f25322;    border-radius: 10px;}
.Search-btn{background: #f25322;    color: #fff;    font-size: 15px;    font-weight: 500;    border: 2px solid #fff;   margin-top: 9px;    display: inline-block;}
.margin-left{    margin-left: 0%;}
.mt-11{    margin-top: 11px !important;}
.Social-Icon{    width: 100%;    display: inline-block;}
.Social-Icon li{    float: left;    margin: 0px;}
.demo p{    font-size: 13px;}
.Comments{ margin: 0px 16px 0px 0px;    color: #f25322;    font-size: 14px;}
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;}} /* Opera */
.download {    -moz-transition:all 0.5s ease-in-out;    -webkit-transition:all 0.5s ease-in-out;    -o-transition:all 0.5s ease-in-out;    -ms-transition:all 0.5s ease-in-out;    transition:all 0.5s ease-in-out;     -moz-animation:blink normal 1.5s infinite ease-in-out; /* Firefox */    -webkit-animation:blink normal 1.5s infinite ease-in-out; /* Webkit */    -ms-animation:blink normal 1.5s infinite ease-in-out; /* IE */    animation:blink normal 1.5s infinite ease-in-out; /* Opera */}
div#sale-form input{border: 1px solid #f1f1f1;  width: 100%;  background-color: #f8f9fa;    font-size: 13px;    border-radius: 0;    height: auto;    padding: 12px 15px;    resize: none;}
div#sale-form textarea{border: 1px solid #f1f1f1;   width: 100%;  background-color: #f8f9fa;    font-size: 13px;    border-radius: 0;    height: 100px;    padding: 12px 15px;    resize: none;}
div#sale-form button {  color: #fff; width: 100%;  background-color: #012068;    transition: 0.5s; font-size: 15px; border: none;  padding: 13px 30px 10px 30px;     margin-top: 10px;  line-height: 20px;}
.pop-timing-width {    max-width: 800px !important;}
.pop-timing span {    font-size: 25px;}
.ptoh2 {font-size: 35px; margin: 0px; padding: 0px; font-weight: 700; font-family: 'Inria Serif', serif; color: #212529; position: relative;}
.ptoh2:before {content: '';display: block;width: 100px;border-radius: 10px;height: 4px;background: #e8b828;margin: auto;margin-top: 5px;argin-bottom: 0;top: 81%;position: absolute;left: 46%;}
.ptoh2 span{color: #363636 !important;}

.h4top{  font-size: 18px;   background-color: #e8b828;    padding: 5px;    color: white;    text-transform: capitalize;}
.reviewp{    font-size: 18px !important; color: #3a3838 !important; font-weight: 700; text-align: center !important;   margin: 0px; font-family: 'Inria Serif', serif;}
.accordion-container .accordion-title {position: relative;margin: 0;padding: 0.625em 0.625em 0.625em 0em;background-color: transparent; border-bottom:1px solid #333; font-size: 1.25em;font-weight: normal;color: #333;cursor: pointer; }
/*.accordion-container .accordion-title:hover,.accordion-container .accordion-title:active,.accordion-title.open {background-color: #00aaa7;}*/
.accordion-container .accordion-title::before {content: "";position: absolute;top: 50%;right: 25px;width: 15px;height: 2px;transform: rotate(90deg);background: #333;transition: all .3s ease-in-out;}
.accordion-container .accordion-title::after {content: "";position: absolute;top: 50%;right: 25px;width: 15px;height: 2px;background: #333;transition: all .2s ease-in-out;}
.accordion-container .accordion-title.open::before {transform: rotate(180deg);}
.accordion-container .accordion-title.open::after {opacity: 0;}
/*.accordion-content {padding-left: 2.3125em;border: 1px solid #0079c1;}*/
/* CSS for Demo */
.accordion-container {margin: 0 auto;}
.accordion-content p {    font-size: 13px;}
.accordion-content ul li i {    font-size: 12px;     margin-right: 5px;}
.accordion-content ul li {    font-size: 12px; line-height: 28px;     color: #fff;}
.accordion-content ul {    column-count: 2;}
img.bottom-part-img {  position: absolute;    bottom: 0;    width: 22%;    left: 0;}
.small-behine-img img {    position: absolute;    top: -96px;    width: 95%;}
.left-side_img > img {    position: relative;    z-index: 9;}
.small-behine-img img {    position: absolute;    top: -68px;    width: 56%;    right: 0;}
.faq-related-product {     background-image: linear-gradient(to right, #e8b828 , #bf920d);  position: relative;    padding-bottom: 100px; padding-top: 50px;}
.our-website {    position: relative;    z-index: 9; padding: 50px 0px;}
.inner-column-website ul {    column-count: 2; padding-top: 20px;}
.inner-column-website ul li {  line-height: 25px; list-style-type: none; border-bottom: 1px solid #6470af;  margin-bottom: 8px;}
.inner-column-website ul li a{color: #fff; transition: 0.5s; font-size: 20px;}
.inner-column-website ul li a:hover{padding-left: 5px;}
.inner-column-website {box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, 	rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;border: 6px dotted black; background: linear-gradient(to right, #393286 , #0457b2);   padding: 40px;    border-radius: 40px;  animation: bganimation 15s infinite;}
.inner-column-website h2{font-size: 25px;}
.inner-column-website h2 u {    font-style: italic;    background: white;    width: 100%;    text-align: center;    align-items: center;    padding: 11px;    border-radius: 16px;   color: #f25322;    font-weight: 800;    letter-spacing: 1px;}
.inner-column-website ul li a i {    margin-right: 10px;    color: #f25322;}
.cover-product-this h2 {    font-size:22px;}
.cover-product-this h3,h4,h5 {    font-size: 20px;    margin: 0px 0px 5px 0px;   font-weight: 700;line-height: 25px;}
.about-btn a{background-color: #e8b828; padding: 7px 30px;}
p.h4-title a {    font-size: 20px;}

.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:first-child{background-color: #e8b828;}
.mobile-three-item li:nth-child(2){background-color: #64b161;}
.mobile-three-item li:last-child{   background-color: #363636;}
.mobile-three-item li a{color: #fff; font-size: 14px;}
.mobile-three-item { text-align: center;  position: fixed;  z-index: 999;    bottom: 0;    /* left: 8%; */    width: 100%;}
.mobile-three-item { display: none;}
.gallery-box img {    height: 400px;  object-fit: scale-down;  background: #fff;}
.inner-block a:hover {    color: #fff;}
.about-us-title2 {    font-size: 22px;    font-weight: 600;  color: #333;  margin-bottom: 12px;    text-align: center !important;    font-family: 'Inria Serif', serif;}

/*Call Me*/
.phone_lefts-side{position:relative;}
.phone_lefts-side a{ position: fixed;   bottom: 125px;    color:white;    background-color: #363636;  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)}
}

.cover-product-this p {    color: #fff;}

/*Whatsapp-popup*/
#whatsapp .wtsapp:focus{border:none;outline:none;}
#whatsapp .wtsapp{position: fixed; transition: all .5s ease;background: #25d366;display: block;text-align: center;box-shadow: 0 0 20px rgba(0,0,0,0.15);/* margin: 0; */border-radius: 50px;border-right: none;color: #fff;font-weight: 700;font-size: 30px;bottom: 45px;left: 25px;border: 0;z-index: 999;width: 50px;height: 50px;line-height:40px;}
#whatsapp .wtsapp:before {	content: "";	position: absolute;	z-index: -1;	left: 50%;	top: 50%;	transform: translateX(-50%) translateY(-50%);	display: block;	width: 60px;	height: 60px;	background: #25d366;	border-radius: 50%;	-webkit-animation: pulse-border 1500ms ease-out infinite;	animation: pulse-border 1500ms ease-out infinite;}
@keyframes pulse-border {
0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}
div#whatsapp i {    font-size: 18px;}
.image-block-one img {    border: 1px solid #ccc;}
.about-section{background-color: #000080;}
.mobile-header {    display: none;}
.mobile-call-btn {    background: #000080; position: relative;}
.about-logo img {    width: 20%; }
p.footer-text {    color: #5e0000;}
.logo-white-pure {    width: 20%;    margin: 0px auto;}
.widget img {    width: 85%;}
.social-media i.fab.fa-facebook-f{background-color: #4867aa; width: 25px; height: 25px; display: block; text-align: center; line-height: 25px; font-size: 14px;}
.social-media i.fab.fa-twitter{background-color: #1da1f2; width: 25px; height: 25px; display: block; text-align: center; line-height: 25px; font-size: 14px;}
.social-media i.fab.fa-youtube{background-color: #ff0000; width: 25px; height: 25px; display: block; text-align: center; line-height: 25px; font-size: 14px;}
.social-media i.fa-pinterest-p{background-color: #ff0000; width: 25px; height: 25px; display: block; text-align: center; line-height: 25px; font-size: 14px;}
.social-media i.fa-linkedin-in{background-color: #0a66c2; width: 25px; height: 25px; display: block; text-align: center; line-height: 25px; font-size: 14px;}
.social-media i.fa-instagram{background-color:deeppink; width: 25px; height: 25px; display: block; text-align: center; line-height: 25px; font-size: 14px;}
.social-media i.fa-twitter{background-color: #00acee; width: 25px; height: 25px; display: block; text-align: center; line-height: 25px; font-size: 14px;}

.logo-white p {    color: #5e0000;}
.form-home{background-color: #000080;}
/*.sticky-logo-with-metter {    position: sticky;    top: 0;    width: 100%;   z-index: 99;    background: #fff;}*/
div#Locations img {    width: 100%;}
.products-details {    background: #fff;}
.sitemap {    background: #fff;}

.features-card.features-card-bg {    background-image: url(images/pro-1.jpg);}
.features-card.features-card-bg2 {    background-image: url(images/pro-2.jpg);}
.features-card.features-card-bg3 {    background-image: url(images/pro-3.jpg);}
.features-card {    position: relative;    padding: 85px 35px;    background-size: cover;    background-position: center center;    background-repeat: no-repeat;    z-index: 1;    margin-bottom: 30px;}
.features-card::before {    content: '';    position: absolute;    top: 0;    left: 0;    z-index: -1;    width: 0;    height: 100%;    background-color:#010157;    opacity: 0;    -webkit-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    -webkit-transition-duration: 0.6s;    transition-duration: 0.6s;}
.features-card .hover-content {    opacity: 0;    -webkit-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    -webkit-transition-duration: 0.6s;    transition-duration: 0.6s;}
.features-card .shape-img-bottom {    position: absolute;    bottom: 0;    left: 0;    -webkit-transition: 0.5s;    transition: 0.5s;}
.features-card .shape-img-bottom {    position: absolute;    bottom: 0;    left: 0;    -webkit-transition: 0.5s;    transition: 0.5s;}
.features-card .shape-img-top {    position: absolute;    z-index: 2;    top: 0;    right: 0;    opacity: 0;    -webkit-transform: scale(0);    transform: scale(0);    -webkit-transition: 0.5s;    transition: 0.5s;}
.features-card .hover-content {    opacity: 0;    -webkit-transition: all 0.3s ease-in;    transition: all 0.3s ease-in;    -webkit-transition-duration: 0.6s;    transition-duration: 0.6s;}
.features-card .hover-content i {    font-size: 50px;    line-height: 1;    margin-bottom: 13px;    color: pink;    display: block;}
.features-card .hover-content h3 {    margin-bottom: 13px;    color: #fff;}
.features-card .hover-content p {    margin-bottom: 0;    color: #fff;}
.features-card:hover::before {    width: 100%;    opacity: 1;}
.features-card:hover .hover-content {    opacity: 1;}
.features-card:hover .shape-img-top {    -webkit-transform: scale(1);    transform: scale(1);    opacity: 1;}
.hover-content span {    font-size: 25px;    color: #fff;    font-weight: 800;   display: block;    margin-bottom: 8px;}
.features-area {background-color: #000080;}
.cirlc-img img {    position: absolute;    right: 0;    width: 32%;    top: 100px;    opacity: 0.2;}

.grid {	position: relative;	clear: both;	margin: 0 auto;	padding: 1em 0 4em;	max-width: 1000px;	list-style: none;	text-align: center;}
/* Common style */
.grid figure {	position: relative;	float: left;	overflow: hidden;	min-width: 100%;	max-width: 100%;	width: 100%;	height: auto;	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 {padding: 2em;color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {	position: absolute;top: 0;	left: 0;	width: 100%;	height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
figure.effect-apollo {	background: #fff;}
figure.effect-apollo img {	opacity: 0.95;}
figure.effect-apollo figcaption::before {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	background: rgba(255,255,255,0.5);	content: '';	-webkit-transition: -webkit-transform 0.6s;	transition: transform 0.6s;	-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);}
figure.effect-apollo p {	position: absolute;	right: 0;	bottom: 0;	margin: 3em;	padding: 0 1em;	max-width: 150px;	border-right: 4px solid #fff;	text-align: right;	-webkit-transition: opacity 0.35s;	transition: opacity 0.35s;}
figure.effect-apollo h2 {	text-align: left;}
figure.effect-apollo:hover img {	opacity: 0.6;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::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);}
.categories {    background: #f1f1f1;}
.product-btn a {    background: #e8b828;    padding: 10px 30px;    border-radius: 5px;}
section.trusted-clients {    background: #000080;}
.widget .bg-white{border-radius: 50px;}
ul.megamenu-list.list-col-2 {    column-count: 2;}
.cover-product-this p{ color: #777;}
.sec-title h1 { color: #fff;}


.related-product{background-color: #030358;}
.content-related-title > a {    color: #000;    font-size: 22px;    display: block;   margin-bottom: 12px;}
.realted-product-btn a {    background: #e8b828;    padding: 5px 15px;    margin-top: 15px;    display: inline-block;    font-size: 14px;    color: #000;}
div#owl-demo-related-product .owl-buttons {    display: none;}

.full-width-content {    margin: 0px auto;}
p.related-heading{    background: #e8b828;    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: 20px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;    height: 200px;    overflow-y: scroll;}
.related-products{background-color: #f1f1f1;}
table {  border-collapse: collapse;  width: 100%; font-family: 'Poppins', sans-serif;}
td, th {  border: 1px solid #dddddd;  text-align: left;  padding: 8px;}
tr:nth-child(even) {  background-color: #fff;}
tr {    background: #e8b828;}
.about-content-type p {    margin-bottom: 15px;}

::-webkit-scrollbar {  width: 10px;}
::-webkit-scrollbar-track {  background: #f1f1f1;}
::-webkit-scrollbar-thumb {  background: #888;}
::-webkit-scrollbar-thumb:hover {  background: #555;}
.full-width-type a {    color: #fff;    font-size: 20px;}
h3.h3-title {    padding-left: 25px;    padding-right: 25px;}
a.colr-change {    background: #e8b828;}

#product-slide .item img {	object-fit: contain; }
.detail-descrp p {    color: #777; margin-bottom: 12px;}
#product-slide .owl-buttons .owl-next, .owl-prev {       top: 47px!important;       background: inherit!important;	   }
#product-slide .owl-prev {    left: 68px;}
#product-slide .owl-next {	left: -301px!important;}


p.office {    color: darkblue!important;    font-size: 20px!important;    font-weight: 600!important;}
.image-block-one img {    cursor: pointer;}
.logo-white img {    width: 80%;}
footer {       background-image: url(images/footer-bg-denim.png);    background-position: right;    background-repeat: no-repeat;    background-size: cover;    position: relative;    /*background-blend-mode: multiply;*/     /*background-image: url(images/denim1.jpg);*/}
.media-body img {    position: absolute;    right: -117px;    top: 255px;}
p.btn-read.about-btn {    background-color: #e8b828;    padding: 6px 6px 6px 6px;    color: white;}
#multi-product-slide .owl-buttons .owl-prev {    top: 32px!important;    background: inherit!important;    margin-left: 109px;    position: relative;}
#multi-product-slide .owl-buttons .owl-next {    top: 32px!important;    background: #e8b828!important;    margin-right: 109px;    position: relative;}
div#multi-product-slide .owl-buttons .owl-prev {    background: #e8b828!important;    border-radius: 50%;}
div#multi-product-slide .owl-buttons .owl-next {    background: #e8b828!important;    border-radius: 50%;    float: left;    position: absolute;    margin-left: -1094%;}
.home-products img {    object-fit: fill;    height: 300px;/*    border: 1px solid #ccc;*/}
ul.btn-color-product a {    background: #e8b828;    padding: 5px 8px;    font-size: 14px;}
div#multi-product-slide .item > a {    font-size: 16px;    color: #fff;    background-color: #040470;    padding: 5px 0px;}
div#Locations .owl-buttons {    display: none;}
div#multi-product-slide-2 .owl-buttons {    display: none;}
div#multi-product-slide-1 .owl-buttons {    display: none;}
.multi-product-slide-3 .owl-buttons {    display: none;}
div#multi-product-slide-5bb .owl-buttons {    display: none;}
div#multi-product-slide-3 .owl-buttons {    display: none;}
div#homeenquiry-form input {    color: #000;}
a.product-title {font-size: 16px;  color: #fff;  background-color: #040470;  padding: 5px 0px;}
/*a.product-title {   background: #2438a9;    padding: 5px 30px; color: #fff;}*/
.related_content p {    margin-bottom: 12px;}

.blg-img img {
    width: 100%;
}
.blog_head {
    padding-top: 15px;
}
h5.entry-title a {
    font-size: 24px;
    padding-top: 5px;
    color: brown;
}
h5.entry-title {
    margin-top: 10px;
    margin-bottom: 5px;
}
span.post__date a {
    color: black;
}
a.hvr-shutter-in-horizontal.blog-btn.btn-defaut {
    background: darkred;
    padding: 8px;
    color: white;
    border-radius: 11px;
    line-height: 4;
}

.blg-img {
    border: 1px solid lightgrey;
}
.cover-product-this.blog-discirption span {
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
    color: blue;
}

.right_side {
    width: 30%;
    padding-left: 60px;
    border-left: 1px solid #e9ecef;
}
.tg-site-sidebar .widget {
    border: 0 solid #e9ecef;
}
.right_side .widget {
    font-family: Catamaran;
    font-weight: 400;
    margin: 0 0 2.5rem;
}
.widget.widget_search .search-form label {
    width: 100%;
}
.search-form label {
    position: relative;
}
label {
    margin-bottom: 0.5rem;
    display: inline-block;
}
.search-form label::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    display: block;
    content: "\f002";
   font-family: font-awesome;
   font: normal normal normal 14px/1 FontAwesome;
    color: #adb5bd;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
input[type="search"] {
    color: #16181a;
    border: 1px solid #dee2e6;
    padding: 0.7rem 1rem;
    width: 100%;
    border-radius: 0;
}
.search-form .search-submit {
    display: none;
}

.right_side  .tg-site-sidebar .widget .widget-title {
    color: #1cb5e0;
}
.right_side .widget .widget-title {
    color: white;
    background: #040470;
    border-radius: 7px;
    text-align: center;
}
section.page-title h1 {
    background: #040470;
    color: white;
    width: 100%;
    text-align: center;
}
.right_side .widget .widget-title {
    font-size: 20px
    font-weight: 500;
    margin-bottom: 1rem;
}

.right_side .widget ul li {
    border-bottom: 1px solid #e9ecef;
}
.right_side .widget ul li a {
    padding: 0.5rem 0;
    display: inline-block;
    color: #040470;
    font-weight: 700;
}
.right_side .widget ul {
    margin: 0;
    list-style-type: none;
    padding: 0px;
}
section#search-3 form {
    background: none;
}
h2.widget-title {
    font-size: 25px;
}

div#innerenquiry-form input {
    color: #fff;
}
div#innerenquiry-form textarea {
    color: #fff;
}
div#innerenquiry-form button {
    color: #fff !important;
    font-size: 16px;;
}
div#homepopupenquiry-form input {
    background: transparent;
    color: #fff;
    border-radius: 0px !important;

}
div#homepopupenquiry-form input::placeholder {
    color: #fff;
}
div#homepopupenquiry-form textarea::placeholder {
    color: #fff;
}
div#homepopupenquiry-form textarea {
    background: transparent;
    color: #fff;
}
div#homepopupenquiry-form form {
    padding: 15px;
}
.musterd-color {    background: #040470;    text-align: center;}
.musterd-color a {    color: #fff;    padding: 10px 0;    display: block;}