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

@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&display=swap');

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

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

li{padding: 0px; margin: 0px; font-size: 15px;}

a{font-size: 15px; font-family: 'Public Sans', sans-serif;}

a:hover{text-decoration: none;}

p{font-size: 16px; padding: 0px; margin: 0px; font-family: 'Public Sans', sans-serif; line-height: 28px; color: #787878;}

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

span{padding: 0px; margin: 0px;}

/*header*/

.top-header{background: #001568;}

.top-header ul a{color: #fff;}

.welcome p{color: #fff;}

a.hk-hide {pointer-events: none;}

.social-media img{ transition: transform 0.8s;  transform-style: preserve-3d;}

.social-media img:hover{ transform: rotateY(360deg);}

.sticky{background-image: linear-gradient(to right, #001568 , #10858e);}

/*nav*/

.sticky span.dropBottom,

.sticky span.dropRight {  display: block; position: absolute;  left: 0px;  width: 100%;  height: 100%;  top: 0px;}

.sticky span.dropBottom {  position: absolute;  width: 100%;  bottom: 0px;}

.sticky nav {  display: table;  margin: 0px auto;  }

.sticky ul {  margin: 0;  padding: 0;  list-style: none;}

.sticky ul ul {  opacity: 0;  position: absolute;  top: 160%;  visibility: hidden; transition: all .4s ease;  -webkit-transition: all .4s ease;}

.sticky ul ul ul {  top: 0%;  left: 160%;}

.sticky ul ul li:hover > ul {  top: 0%;  left: 100%;  opacity: 1;  visibility: visible;}

.sticky ul li:hover > ul {  opacity: 1;  top: 100%;  visibility: visible;}

.sticky ul li {  float: left;  position: relative;}

.sticky ul ul li { float: none;     width: 350px;}

.sticky ul li {  cursor: pointer;}

.sticky ul a {text-decoration: none;    display: block; padding: 10px 15px;   text-align: center;    font-size: 16px;    color: #fff;    text-transform: uppercase; transition: 0.5s;}

.sticky ul li:hover { background-color: #007373; }

.sticky ul li a:hover { background-color: #007373;transform: skewY(3deg); }

ul.coloring-mode { background-image: linear-gradient(to right, #001568 , #10858e); z-index: 99999999999999;}

ul.coloring-mode li a{text-transform: capitalize; text-align: left;}

li.active-nav{background: #10858e;   transform: skewY(3deg);}

.four-item{overflow:hidden;}

.shades-color {   background: red;}

.shades-color:first-child{background: #021c80;}

.shades-color:nth-child(2){background: #001668;}

.shades-color:nth-child(3){background: #001347;}

.shades-color:nth-child(4){background: #000f37;}



.shades-color span {color: #fff; font-size: 19px; line-height: 38px;}

.shades-color p {    color: #fff;}

.shades-color i{font-size: 35px; color: #fff;}

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

.about-bg h1{background-image: linear-gradient(to right, #001568 , #10858e); color: #fff;}

.main-title h1 {width: 95%;
margin: 0px auto;
padding: 12px;}

.about-bg{position: relative;}   

.about-bg {    position: relative;    padding: 60px 0 400px 0;}

.about-section{position: absolute;
left: 10%;
bottom: -30%;
background: #fff;
width: 80%;
margin: 0px auto;
z-index: 9;}
  
/* Radial Out */

.hvr-radial-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden;  background-image: linear-gradient(to right, #001568 , #10858e); -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-radial-out:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0; background-image: linear-gradient(to right, #10858e , #001568  );  border-radius: 100%;  -webkit-transform: scale(0);  transform: scale(0);  -webkit-transition-property: transform;  transition-property: transform; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {  color: white;}

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

.buttton-row li{display: inline-block;}

.buttton-row a {    padding: 10px;   border-radius: 50px; color: #fff; font-size: 16px;}

.some-content span {    font-size: 19px;    font-weight: 700;     color: #fff;}

.bordering{position: relative;}

/*.bordering::after{    position: absolute;    left: -40px;    content: ''; border: 5px solid #0e7488;; width: 318px;    height: 425px;    z-index: -9;}*/

.prod-img { border: 3px solid #10828d; padding: 0px;}

section.products-categires {padding: 300px 0 0px 0; position: relative;}

.products-categires::after{      position: absolute;    background: url(images/bg-styling.png)no-repeat;    width: 541px;    height: 728px;    content: '';    left: 0;    top: 0px;    z-index: -9;}

.prod-img img {position: relative; bottom: 38px; left: 3%;}

.some-content {padding-left: 16px; padding-right: 20px; bottom: 24px !important;    position: relative;}

.about-content{background: url(images/bg-img.png)no-repeat; background-position: 50% 50%;}

.prod-content p{line-height: 25px;}

/*div#carouselExampleIndicators:after {content: '';    background: transparent;    width: 0;    height: 0;    border-left: 585px solid transparent;    border-right: 585px solid transparent;   border-bottom: 68px solid #FFF;    position: absolute;    bottom: 0;    z-index: 100;    left: 8%;}*/

.ser-img p{    color: #001568;    font-weight: 600;    font-size: 17px;}

.some-content p {    color: #fff;}

/*.ser-img:first-child p{color: #fff;}*/

.product-bg{    background-image: linear-gradient(to right, #001568 , #10858e); position: relative;} 

.product-bg span{    color: #fff;   font-size: 25px; text-transform: uppercase;    font-weight: 700;     line-height: 50px;}

.product-bg p{color: #fff;}

.product-bg a{color: #fff; font-size: 18px;}

.products-section{overflow:hidden;}

.service-box {  margin-bottom: 30px;}

/* 12 .services-section */

.services-section .welcome-wrp {    padding: 0 !important;}

.services-wlc {    background-color: #053636;    min-height: 320px;}

.services-wlc .content {    float: right;    padding-right: 35px;    position: relative;    right: 0;    text-align: right;    top: 50px;    width: 65%;}

.services-wlc .content .title {    color: #fff;    font-size: 22px;    font-weight: 600;    margin-bottom: 15px;    margin-top: 0;    text-transform: uppercase;}

.service-box {    margin-bottom: 30px;    overflow: hidden;    position: relative;    transition: all ease-in 400ms;    -webkit-transition: all ease-in 400ms;    -moz-transition: all ease-in 400ms;}

.services-carousel .service-box {    margin-bottom: 30px;}

 .service-box .img-thumb img {    min-height: 320px;    width: 100%;}

 .service-box .content {    bottom: 10px;    display: inline-block;    left: 0;    position: absolute;    right: 0;  text-align: center;    z-index: 1;}

 .service-box .content .title {    background: #10858e;    color: #fff;    font-size: 16px;    font-weight: 600;    padding: 12px 0;    position: relative;    text-transform: uppercase;    transition: all ease-in 400ms;    -webkit-transition: all ease-in 400ms;    -moz-transition: all ease-in 400ms;    margin: 0px 20px 0px 20px;}

  .service-box .content .title:before {    background-color:#10858e;    bottom: 0;    content: "";    height: 101%;    left: -25px;    position: absolute;    transform: skewX(-40deg);    -webkit-transform: skewX(-40deg);    width: 50px;    transition: all ease-in 400ms;    -webkit-transition: all ease-in 400ms;    -moz-transition: all ease-in 400ms;}

 .service-box .content .title:after {    background-color: #10858e;    bottom: 0;    content: "";    height: 101%;    position: absolute;    right: -25px;    transform: skewX(40deg);    -webkit-transform: skewX(40deg);    width: 50px;    transition: all ease-in 400ms;    -webkit-transition: all ease-in 400ms;    -moz-transition: all ease-in 400ms;}

 .service-box:hover .content .title {    background-color: #1c1c1c;}

 .service-box:hover .content .title:before {    background-color: #1c1c1c;}

 .service-box:hover .content .title:after {    background-color: #1c1c1c;}

 .service-box .content .title a {    color: #fff;    position: relative;    z-index: 9999;     font-size: 13px;}

 .service-box .overlay {   background-color: rgba(15, 129, 141, 0.90);    display: inline-block;    left: 0;    padding: 50px 30px 30px;    position: absolute;    right: 0;    text-align: center;    top: -100%;    height: 100%;    transition: all ease-in 500ms;    -webkit-transition: all ease-in 500ms;    -moz-transition: all ease-in 500ms;    z-index: 0;}

 .service-box:hover .overlay {    top: 0;}

 .service-box .overlay::before {    background-color: rgba(15, 129, 141, 0.90);    bottom: -50px;    content: "";    height: 50px;    left: -25px;    position: absolute;    transform: skewX(-40deg);    -webkit-transform: skewX(-40deg);    width: 40px;}

.service-box .overlay::after {    background-color: rgba(15, 129, 141, 0.90);    bottom: -50px;    content: "";    height: 50px;    right: -25px;    position: absolute;    transform: skewX(40deg);    -webkit-transform: skewX(40deg);    width: 40px;}

.service-box .overlay p {  color: #fff;  line-height: 22px; position: relative;  top: 25%;}

.service-box .overlay .value {    color: #fff;    display: inline-block;    font-size: 18px;    font-style: italic;    font-weight: 600;    width: 100%;}

.service-box .overlay .value .service-price {    color: #012f5d;    font-size: 22px;}

.service-box .overlay .btn-link {    color: #053636;    display: inline-block;    font-size: 13px;    font-weight: 600;    margin-top: 10px;}

.service-box .overlay .btn-link:hover {text-decoration: none;}

/*end*/

div#owl-demo .owl-buttons{ position: absolute;    top: 65px;    color: #fff;    left: -18%;    width: 100px;    height: 45px;}

div#owl-demo .owl-buttons .owl-prev { background-image: linear-gradient(to right, #001568 , #10858e);}

div#owl-demo .owl-buttons .owl-next{background-image: linear-gradient(to right, #10858e, #001568 );}

/*services-carousel*/

.counter-box span {background: url(images/special_offer_text_bg.jpg); background-position: 50% 50%;    background-repeat: no-repeat;    background-clip: text;    text-fill-color: transparent;    -webkit-background-clip: text;    -webkit-text-fill-color: transparent; -webkit-animation-name: masked-animation; animation-name: masked-animation;    -webkit-animation-duration: 10s;    animation-duration: 10s;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;    font-weight: 800;    color: #333;    font-size: 300px;}

@keyframes masked-animation{

0%, 100% {background-position: 50% 35%;}

50% {background-position: 50% 65%;}

}



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

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

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

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

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

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

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

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

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

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

.owl-pagination {display: none;}

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

.owl-buttons .owl-next,	.owl-prev{	width:45px;    height:45px;    font-size:0;    position: absolute;    top:175px;	background:transparent;	left: 55px;	background: #8db84d;}

.owl-next {right:0;}

.owl-prev{ left:0px;}

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

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

.owl-prev:before {}

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

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

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

.owl-prev.active {background: #ffbd1f;}

.owl-next .active {background: rebeccapurple;}

 div#owl-demo {  text-align: center;}

.testimonal{background-color: #fff;}

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

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

#owl-demo-client .owl-buttons{ position: absolute;  top: 15px;    color: #fff;    right: 10px;    width: 100px;    height: 45px;}

.year-of-experince span { font-size: 50px; font-weight: 900; line-height: 56px;}

.year-of-img img {    box-shadow: 0 10px 15px 5px #ccc;}

.testimonial{background: #f1f1f1}

.tagline span {font-size: 45px;    font-weight: 900;     line-height: 65px; color: #011869 !important;}

.tag-btn a{border-radius: 50px; color: #fff; padding: 15px 25px 15px 25px;}

.testimonial-box{ background-image: linear-gradient(to right, #001568 , #10858e); border-radius: 10px;}

#owl-demo-client .item i{background: #0d6e87;    color: #fff;    padding: 20px;    border-radius: 50px;}

#owl-demo-client .item p{color: #fff;}

.client-text span{font-size: 20px; color: #fff;}

.client-img img {    border-radius: 50px;}

#owl-demo-client .owl-buttons {    position: absolute;    top: 12%;    color: #fff;    right: 10px;    width: 100px;    height: 45px;    right: 8%;}

#owl-demo-client .owl-buttons .owl-prev {background-image: linear-gradient(to right, #001568 , #10858e);}

#owl-demo-client .owl-buttons .owl-next {background-image: linear-gradient(to right, #001568 , #10858e);}

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

.phone-icon i{background-image: linear-gradient(to right, #001568 , #10858e);    border-radius: 50px; padding: 20px;    color: #fff;    font-size: 50px;    /* padding: 15px; */    width: 90px;    height: 90px; -moz-border-radius: 50% !important;    -webkit-border-radius: 50% !important;    border-radius: 50% !important;    -moz-background-clip: padding;    -webkit-background-clip: padding-box;    background-clip: padding-box;    background-color: rgb(237, 28, 36);  -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;    animation: zcwmini2 1.5s 0s ease-out infinite;}

@-webkit-keyframes zcwphone {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-moz-keyframes zcwphone {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@keyframes zcwphone {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-webkit-keyframes zcwphone2 {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-moz-keyframes zcwphone2 {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@keyframes zcwphone2 {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-webkit-keyframes zcwmini {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@-moz-keyframes zcwmini {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@keyframes zcwmini {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@-webkit-keyframes zcwmini2 {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@-moz-keyframes zcwmini2 {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@keyframes zcwmini2 {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

.phone-icon a{font-size: 50px; color: #fff; font-weight: 700; line-height: 90px;}

.address-footer p{color: #fff;font-size: 30px; line-height: 45px;}

.address-footer a{font-size: 40px; color: #fff;     background-image: linear-gradient(to right, #001568 , #10858e);} 

.social-footer li{display: inline-block;}

.address-text span{font-weight: 600; font-size: 18px;}

.address-text a{color: #787878;}

.footer-filed input,textarea{    outline: none;    resize: none;    height: 40px;    border: 1px solid #e8e8e8;}

.footer-form span {    font-size: 30px;    font-weight: 700;}

.footer-filed-submit input {    border: none;    height: 35px;}

.footer-filed textarea {    height: 100px;}

.footer-filed-submit input{background-image: linear-gradient(to right, #001568 , #10858e); outline: none; color: #fff;}

.product-slide {    padding: 0;}

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

.widget a:hover{padding-left: 5px; color: #0f818d;}

.buttton-row a{color: #fff;}

.copy-right{background-image: linear-gradient(to right, #001568 , #10858e);}

.copy-right p{color: #fff;}

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

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

footer{position: relative;}

footer::after{background: url(images/footer-before.png)no-repeat;    position: absolute;    content: '';    width: 500px;    height: 300px;    bottom: 346px;    z-index: -999999999;    opacity: 0.7;}

footer::before{background: url(images/footer-after.png)no-repeat;    position: absolute;    content: '';    width: 240px;    height: 288px;    bottom: 260px; right: 0px;}

div#owl-demo .item{margin: 10px;}

.border-line {border: 2px solid #10858e; transition: 0.5s;}

.border-line:hover{border: 3px solid #10858e;}

.breadcrumbs-page{      background-image: url(images/common-banner.jpg);    background-repeat: no-repeat;    background-position: 80% 50%;    padding: 100px 0;    background-size: cover;}

.breadcrumbs-page .breadcrumb{    background: transparent;    color: #FFF;    padding: 0;    font-size: 0.875rem;    font-weight: 600;}

.breadcrumbs-page .breadcrumb a,.breadcrumbs-page .breadcrumb-item+.breadcrumb-item::before,.breadcrumb-item.active{    color: #FFF;}

.breadcrumbs-page .breadcrumb-item+.breadcrumb-item::before {    top: 1px;    position: relative;}

.breadcrumbs-page h1 {    color: #FFF;    text-transform: uppercase;    font-size: 1.5rem;    font-weight: 700;}

.breadcrumbs-description{    padding: 0.75rem 1.5rem;    color: #FFF;    border-left: 2px solid #007373;    max-width: 50%;    margin-top: 15px;}

.about-page-hide-img {    background: none; background-color: #f1f1f1;     padding-bottom: 720px !important;}

.breadcrumbs-description p {color: #fff;}

.top-item {    bottom: 20px;}

.sitemap {background: #f5f5f5;}


.about-page {    background: #f9f9f9;    padding-top: 100px;}

.pro-box [class*=' imghvr-fall-away-'],[class^=imghvr-fall-away-] {  -webkit-perspective: 50em;  perspective: 50em;}

.pro-box [class*=' imghvr-fall-away-'] img,[class^=imghvr-fall-away-] img {  -webkit-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%;  transform-origin: 50% 50%;  -webkit-transition: all .45s ease-in;  transition: all .45s ease-in;}

.pro-box [class*=' imghvr-fall-away-'] figcaption,[class*=' imghvr-fall-away-']:hover img,[class^=imghvr-fall-away-] figcaption,[class^=imghvr-fall-away-]:hover img {  opacity: 0;}

.pro-box [class*=' imghvr-fall-away-']:hover figcaption,[class^=imghvr-fall-away-]:hover figcaption {  opacity: 1;  -webkit-transition-delay: .45s;  transition-delay: .45s;}

.pro-box .imghvr-fall-away-horiz:hover img {  -webkit-transform: rotateX(-360deg) scale(.2);  transform: rotateX(-360deg) scale(.2);}

.pro-box .imghvr-fall-away-horiz:hover figcaption {  -webkit-transform: rotateX(0);  transform: rotateX(0);}

.pro-box .imghvr-fall-away-vert:hover img {  -webkit-transform: rotateY(-360deg) scale(.2);  transform: rotateY(-360deg) scale(.2);}

.pro-box .imghvr-fall-away-vert:hover figcaption {  -webkit-transform: rotateX(0);  transform: rotateX(0);}

.pro-box [class*=' imghvr-'],[class^=imghvr-] {position: relative;  display: inline-block;  margin: 0;  max-width: 100%;     background-image: linear-gradient(to right, #001568 , #10858e); color: #666;  overflow: hidden;  -moz-osx-font-smoothing: grayscale;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transform: translateZ(0);  transform: translateZ(0);}

.pro-box [class*=' imghvr-'] img,[class^=imghvr-] img {  vertical-align: top;  max-width: 100%;}

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

.pro-box [class*=' imghvr-'] h3,[class*=' imghvr-'] p,[class^=imghvr-] h3,[class^=imghvr-] p {  margin: 0;  padding: 0;}

.pro-box [class*=' imghvr-'] h3,[class^=imghvr-] h3 { font-weight: 700; color: #333; margin-bottom: 2px; font-size: 22px; width: 100%; text-align: center;     position: relative;    top: 35px;}

.pro-box [class*=' imghvr-'] p,[class^=imghvr-] p {  font-size: .9em;  padding-left: 10px;    padding-right: 10px;    position: relative;    top: 60px;    text-align: center;    line-height: 21px;}

.pro-box [class*=' imghvr-'] a,[class^=imghvr-] a {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  z-index: 1;}

.pro-box [class*=' imghvr-'],[class*=' imghvr-'] *,[class*=' imghvr-'] :after,[class*=' imghvr-'] :before,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-] :after,[class^=imghvr-] :before,[class^=imghvr-]:after,[class^=imghvr-]:before {  -webkit-box-sizing: border-box;  box-sizing: border-box;  -webkit-transition: all .35s ease;  transition: all .35s ease;}

.demo img { border: 1px solid #ccc;}

.our-products {    background: #f1f1f1;}

section.products-details {padding: 50px 0;}

.final-products img{width: 100%;     margin-bottom: 20px;}

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

.products-details{padding: 50px 0px;}

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

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

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

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

.cover-product-this p {  line-height: 25px; color: #777;}

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

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

.form-style-10{background: url(images/bg-form.jpg); border-radius: 30px;}

.form-style-10 p{color: #fff; font-size: 30px;     font-weight: 700;}

.form-style-10 input,textarea{background: transparent; padding-left: 10px; color: #fff; outline: none;}

.form-style-10 input:first-child{border: 1px solid #fff !important;     border-radius:50px; }

.form-style-10 input:nth-child(2){border: 1px solid #fff !important;    border-radius:50px;}

.form-style-10 input:nth-child(3){border: 1px solid #fff !important;  border-radius:50px;}

.form-style-10 input:nth-child(4){border: 1px solid #fff !important;   border-radius:50px;}

.form-style-10 textarea {    border: 1px solid #fff !important;    border-radius: 50px;    height: 65px;    padding-left: 16px;    padding-top: 5px;}input.submit-short-form {width: 100%;    border: none;    border: 1px solid #ccc;    border-radius: 50px;}

.form-style-10 input {    height: 35px;    color: #fff;}

.form-style-10 input::-webkit-input-placeholder {  color: #fff;}

.form-style-10 input::-moz-placeholder {color: #fff;}

.form-style-10 input:-ms-input-placeholder {color: #fff;}

.form-style-10 input:-moz-placeholder { color: #fff;}

.form-style-10 textarea::-webkit-input-placeholder { color: #fff;}

.form-style-10 textarea::-moz-placeholder {color: #fff;}

.form-style-10 textarea:-ms-input-placeholder {  color: #fff;}

.form-style-10 textarea:-moz-placeholder { color: #fff;}

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

.sitemap-list li a {color: #333; transition: 0.5s;}

.sitemap-list li a:hover{padding-left: 5px;}

ul.products-ul {    padding-left: 20px;}



.our-presence {    padding: 50px 0;}

ul.coloring li a {    background: #09429f;    padding: 15px;    color: #fff;}

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

ul.coloring li a {      background: #0f838d;   padding: 15px;    color: #fff;        font-size: 18px;}

.full-width-type { background-image: linear-gradient(to right, #001568 , #10858e);  margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}

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

.inner-states {    text-align: left;}

.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}

.inner-states i {  padding-right: 8px;}

.inner-states a {    color: #fff;}

.inner-left-side-product h3{padding-bottom: 20px;}

.inner-left-side-product p{line-height: 25px;}

ul.coloring {   text-align: center;}

/* Shutter Out Horizontal */

.hvr-shutter-out-horizontal {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  background: #e1e1e1;  -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-shutter-out-horizontal:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  bottom: 0;  left: 0;  right: 0;  background-image: linear-gradient(to right, #09429f , #564942);  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 50%;  transform-origin: 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {  color: white;}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {  -webkit-transform: scaleX(1);  transform: scaleX(1);}

.inner-states a {    width: 100%;    text-align: center;  margin-bottom: 28px;}

/* Radial In */

.hvr-radial-in {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden; background-image: linear-gradient(to right, #001568 , #10858e); -webkit-transition-property: color;  transition-property: color;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;}

.hvr-radial-in:before {  content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-image: linear-gradient(to right,#10858e ,  #001568); border-radius: 100%;  -webkit-transform: scale(2);  transform: scale(2);  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}

.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {  color: white;}

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {  -webkit-transform: scale(0);  transform: scale(0);}



.contact-page-form h2 {padding-left: 15px;    margin-bottom: 20px;}

.contact-info {   display: inline-block;    width: 100%;}

.contact-info-icon {    float: left;    text-align: center;    background: #001568;   width: 40px;    height: 40px;    display: inline-block;    line-height: 47px;}

.contact-info-icon i {    font-size: 30px;    color: #fff;}

.contact-info-text {    padding-left: 60px;    margin-bottom: 40px;}

.contact-info-text h2 {    color: #0f1934;    font-size: 20px;    text-transform: capitalize;    font-weight: 700;}

.contact-info-text span {    color: #130d0d;    font-size: 16px;    font-weight: ;    display: inline-block;   width: 100%;}

.contact-page-sec { background: #f1f1f1;}

.contact-info-text a{color: #000;}

.contact-page-form input {    background: #fff none repeat scroll 0 0;    border: 1px solid #f0f0f0;   margin-bottom: 20px;    padding: 10px;   width: 100%;    color: #999999; outline: none;}

.single-input-fieldsbtn input[type="submit"] {    background: #048491 none repeat scroll 0 0;    margin-left: 15px;    color: #fff;    display: inline-block;    font-weight: 600;    padding: 10px 0;    text-transform: capitalize;    width: 150px;    margin-top: 20px;    transition: 0.5s;    font-size: 16px;}

.single-input-fieldsbtn input[type="submit"]:hover {background-color: #03a0b3;}

.single-input-field textarea {    border: 1px solid #f0f0f0;    width: 100%;    height: 120px;    padding: 10px;    outline: none;   resize: none;     background: #fff;}

.map iframe{display: block;}

.heading-product a {    font-size: 20px;}

.heading-product {      background-image: linear-gradient(to right, #001568 , #10858e);   color: #fff;}

.heading-product a{color: #fff;}

figure.imghvr-fall-away-vert {    display: block;}

.mobile-version {    display: none;}

/*--------Style by Aijaz-----------*/
.home-about p {    padding: 6px;}
.all-prod p {    padding: 7px;    font-size: 16px;}
.cover-product-this li {   line-height: 32px;}
.cover-product-this ul li {background: url(../urmiengineering/images/check-mark.png)no-repeat; background-position: 0% 50%; padding-left: 25px;}
.cover-product-this h3 {    padding-top: 25px;    padding-bottom: 10px;}

.cat-img img {    width: 100%;}

.address-text.text-left {    color: #797979;}

.message-urm textarea {    color: #292626d9;}

.cont-nfo p {    font-size: 20px;    font-weight: 600;    color: #000000d9;}

.border-line a {    color: #333;}