@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&display=swap');
@import url(css/media.css);
h1,h2,h3,h4,h5,h6{font-size: 50px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Quattrocento Sans', sans-serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 15px;}
a{font-size: 16px; font-family: 'Dosis', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 16px; padding: 0px; margin: 0px; font-family: 'Dosis', sans-serif; line-height: 28px;}
body{padding: 0px; margin: 0px; box-sizing: content-box;  font-family: 'Dosis', sans-serif;}
span{padding: 0px; margin: 0px;}
/*css*/
.welcome-line{background-color: #f1f1f1;}
.top-header{position: relative;}
.top-header::after{position: absolute; content: ''; width: 50%; right: 0px;   background-image: linear-gradient(to right, #3494E6 , #EC6EAD);  height: 44px; top: 0px;}
.social-media {z-index: 99;}
.social-media i{font-size: 20px;}
.logo{background-color: #222222;}
a.hk-hide {pointer-events: none;}
.address-box span {    font-size: 18px;  font-family: 'Dosis', sans-serif;}
.sticky{position: relative;}
.sticky::after{position: absolute; content: ''; width: 85%; left: 0px; background-image: linear-gradient(to right, #3494E6 , #EC6EAD); height: 50px; top: 0px;     z-index: -9;}
.texting-content h1 span{color: #ff698e;}
.form-btn a{position: relative;display: inline-block;padding: 12px 12px;    color: #f2709b;font-size: 16px;text-decoration: none;overflow: hidden;text-transform: uppercase;overflow: hidden;transition: 0.5s;letter-spacing: 2px;-webkit-box-reflect:below 1px linear-gradient(transparent,#0005);}
.form-btn a:hover{    background-color: #222222;    color: #fff;    box-shadow: 0 0 5px #222222, 0 0 0 #222222, 0 0 8px #222222, 0 0 0 #222222;}
.form-btn a span{position: absolute; display: block;}
.form-btn a span:nth-child(1){top: 0px;left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg,transparent,#f2709b);animation: animate1 1s linear infinite;}
@keyframes animate1{0%{
left: -100%;}
50%,100%{left: 100%;}
}
.form-btn a span:nth-child(2){top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg,transparent,#f2709b);animation: animate2 1s linear infinite;animation-delay: 0.25s;}
@keyframes animate2{
0%{top: -100%;}
50%,100%{top: 100%;}
}
.form-btn a span:nth-child(3){bottom: 0;right: -100%;width: 100%;height: 2px;background: linear-gradient(270deg,transparent,#f2709b);animation: animate3 1s linear infinite;animation-delay: 0.5s;}
@keyframes animate3{
0%{right: -100%;}
50%,100%{right: 100%;}
}
.form-btn a span:nth-child(4){bottom: -100%;right: 0%;width: 2px;height: 100%;background: linear-gradient(360deg,transparent,#f2709b);animation: animate4 1s linear infinite;animation-delay: 0.75s;}
@keyframes animate4{
0%{bottom: -100%;}
50%,100%{bottom: 100%;}
}
.form-group  textarea{resize: none;}
.white-wrap span {    font-size: 20px;   font-family: 'Quattrocento Sans', sans-serif;}
/*.form-desktop {background: #f7f7f7;}*/
.form-control:focus{box-shadow:none !important;     border-color: #0097e1;   background-color: #f1f1f1;}
.form-control{    background-color: #f1f1f1; border: none; border-radius: 0px;}
.white-wrap {    border-radius: 10px;    box-shadow: 0px 5px 10px #ccc;    position: absolute;  top: 50px;}
button.orange {    background-image: linear-gradient(to right, #3494E6, #EC6EAD);  border: none;     transition: 0.5s;     line-height: 30px; width: 100%;} 
button.orange:hover{background-color: #222222;}
.form-desktop{background: url(images/polygon-bg1.png)no-repeat;     background-position: 50% 35%; padding-bottom: 175px;}
.about-text h2 {    font-size: 40px;}
.about-section{background-color: #f9f9f9;}
/*button*/
.about-btn a{position: relative;display: inline-block;padding: 12px 12px;    color: #f2709b;font-size: 16px;text-decoration: none;overflow: hidden;text-transform: uppercase;overflow: hidden;transition: 0.5s;letter-spacing: 2px;-webkit-box-reflect:below 1px linear-gradient(transparent,#0005);}
.about-btn a:hover{    background-color: #222222;    color: #fff;    box-shadow: 0 0 5px #222222, 0 0 0 #222222, 0 0 8px #222222, 0 0 0 #222222;}
.about-btn a span{position: absolute; display: block;}
.about-btn a span:nth-child(1){top: 0px;left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg,transparent,#f2709b);animation: animate1 1s linear infinite;}
@keyframes animate1{0%{
left: -100%;}
50%,100%{left: 100%;}
}
.about-btn a span:nth-child(2){top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg,transparent,#f2709b);animation: animate2 1s linear infinite;animation-delay: 0.25s;}
@keyframes animate2{
0%{top: -100%;}
50%,100%{top: 100%;}
}
.about-btn a span:nth-child(3){bottom: 0;right: -100%;width: 100%;height: 2px;background: linear-gradient(270deg,transparent,#f2709b);animation: animate3 1s linear infinite;animation-delay: 0.5s;}
@keyframes animate3{
0%{right: -100%;}
50%,100%{right: 100%;}
}
.about-btn a span:nth-child(4){bottom: -100%;right: 0%;width: 2px;height: 100%;background: linear-gradient(360deg,transparent,#f2709b);animation: animate4 1s linear infinite;animation-delay: 0.75s;}
@keyframes animate4{
0%{bottom: -100%;}
50%,100%{bottom: 100%;}
}
/*button*/
.about-text p{line-height: 28px;}
.about-text span {    color: #000;}
.border-top p{font-size: 18px; letter-spacing: 2px; font-weight: 600;}
.border-top a{color: #000;}
.gallery-item{background: url(images/orange-item.png)no-repeat; background-size: cover;}
.heading-gallery {border-right: 1px solid #fff !important;}
/*button*/
.portfolio-btn a{    position: relative;    display: inline-block;    padding: 12px 35px;    color: #fff;    font-size: 16px;    text-decoration: none;   overflow: hidden;    text-transform: uppercase;    overflow: hidden;    transition: 0.5s;    letter-spacing: 2px;    -webkit-box-reflect: below 1px linear-gradient(transparent,#0005);    /* background: #222222; */  border: 1px solid #fff;}
.portfolio-btn a:hover{    background-color: #222222;    color: #fff;    box-shadow: 0 0 5px #222222, 0 0 0 #222222, 0 0 8px #222222, 0 0 0 #222222; border: 1px solid #000;}
.portfolio-btn a span{position: absolute; display: block;}
.portfolio-btn a span:nth-child(1){top: 0px;left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg,transparent,#fff);animation: animate1 1s linear infinite;}
@keyframes animate1{0%{
left: -100%;}
50%,100%{left: 100%;}
}
.portfolio-btn a span:nth-child(2){top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg,transparent,#fff);animation: animate2 1s linear infinite;animation-delay: 0.25s;}
@keyframes animate2{
0%{top: -100%;}
50%,100%{top: 100%;}
}
.portfolio-btn a span:nth-child(3){bottom: 0;right: -100%;width: 100%;height: 2px;background: linear-gradient(270deg,transparent,#fff);animation: animate3 1s linear infinite;animation-delay: 0.5s;}
@keyframes animate3{
0%{right: -100%;}
50%,100%{right: 100%;}
}
.portfolio-btn a span:nth-child(4){bottom: -100%;right: 0%;width: 2px;height: 100%;background: linear-gradient(360deg,transparent,#fff);animation: animate4 1s linear infinite;animation-delay: 0.75s;}
@keyframes animate4{
0%{bottom: -100%;}
50%,100%{bottom: 100%;}
}
/*button*/
.social-media-contact-item ul {  display: flex;}
.social-media-contact-item ul li {  list-style:none;}
.social-media-contact-item ul li a {/*   ?? */  display:block;  position:relative;  width: 50px;  height:50px;  line-height: 50px;  text-align: center;/*   background: #ccc; */  text-decoration: none;  color: #262626;  margin: 0 10px;  transition: .5s;}
.social-media-contact-item ul li a span {  position: absolute;  transition: transform .5s;}
.social-media-contact-item ul li a span:nth-child(1),.social-media-contact-item ul li a span:nth-child(3) {  width: 100%;  height: 1px;  background: #262626;}
.social-media-contact-item ul li a span:nth-child(1) {  top: 0;  left: 0;  transform-origin: right;}
.social-media-contact-item ul li a:hover span:nth-child(1) {  transform:scaleX(0);  transform-origin: left;  transition: transform .5s;}
.social-media-contact-item ul li a span:nth-child(3) {  bottom: 0;  right: 0;  transform-origin: left;}
.social-media-contact-item ul li a:hover span:nth-child(3) {  transform:scaleX(0);  transform-origin: right;  transition: transform .5s;}
.social-media-contact-item ul li a span:nth-child(2),.social-media-contact-item ul li a span:nth-child(4) {  height: 100%;  width: 1px;  background: #262626;}
.social-media-contact-item ul li a span:nth-child(2) {  top: 0;  left: 0;  transform: scaleY(0);  transform-origin: bottom;}
.social-media-contact-item ul li a:hover span:nth-child(2) {  transform:scaleY(1);  transform-origin: top;  transition: transform .5s;}
.social-media-contact-item ul li a span:nth-child(4) {  top: 0;  right: 0;  transform:scaleY(0);  transform-origin: top;}
.social-media-contact-item ul li a:hover span:nth-child(4) {  transform:scaleY(1);  transform-origin: bottom;  transition: transform .5s;}
.texting-content {position: relative;   top: 80px;}
.main-title span{color: #000;}
.service-block .inner-box {  position: relative;  z-index: 9; }
.service-block .inner-box .thumb {  position: relative;  overflow: hidden; }
.service-block .inner-box .thumb img {  width: 100%;  -webkit-transition: 1s;  -o-transition: 1s;  transition: 1s;  border: 2px solid #000;}
.service-block .inner-box .thumb {    background: #000000b2;}
.service-block .inner-box:hover .thumb img {  opacity: .05;  -webkit-transform: scale(1.2);  -ms-transform: scale(1.2);  transform: scale(1.2); }
.service-block .content {position: relative;    margin: -40px 10px 0;   background: #fff;    text-align: center;    padding: 10px 0px;    -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);}
.service-block .overlay {position: absolute;  bottom: 0;  background: #f8f8f8;  margin: 0 10px;  padding: 0 30px;  -webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);  opacity: 0;  visibility: hidden;  -webkit-transition: .5s;  -o-transition: .5s;  transition: .5s; }
.service-block .inner-box:hover .overlay {  opacity: 1;  visibility: visible; }
.service-block .overlay:before { position: absolute;  content: '';  left: 0;  top: 0;  width: 100%;  height: 0%;  -webkit-transition: .5s ease;  -o-transition: .5s ease;  transition: .5s ease; }
.service-block .inner-box:hover .overlay:before {  height: 100%; }
.service-block .overlay .content h4 {color: #fff; }
.service-block .overlay .content p {color: #fff; }
.service-block .overlay .content {background: transparent;  margin: 0;  -webkit-box-shadow: none;  box-shadow: none;  padding-left: 0;  padding-right: 0;  padding-top: 30px; }
.service-block .overlay:before {background-image: linear-gradient(to bottom, #f2709c , #ff9472);}
.content span {    font-size: 20px;}
.product-section{background: url(images/bgshape.svg);}
/*button*/
.services-btn a{position: relative;display: inline-block;padding: 12px 12px;    color: #f2709b;font-size: 16px;text-decoration: none;overflow: hidden;text-transform: uppercase;overflow: hidden;transition: 0.5s;letter-spacing: 2px;-webkit-box-reflect:below 1px linear-gradient(transparent,#0005);}
.services-btn a:hover{    background-color: #222222;    color: #fff;    box-shadow: 0 0 5px #222222, 0 0 0 #222222, 0 0 8px #222222, 0 0 0 #222222;}
.services-btn a span{position: absolute; display: block;}
.services-btn a span:nth-child(1){top: 0px;left: -100%;width: 100%;height: 2px;background: linear-gradient(90deg,transparent,#f2709b);animation: animate1 1s linear infinite;}
@keyframes animate1{0%{
left: -100%;}
50%,100%{left: 100%;}
}
.services-btn a span:nth-child(2){top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg,transparent,#f2709b);animation: animate2 1s linear infinite;animation-delay: 0.25s;}
@keyframes animate2{
0%{top: -100%;}
50%,100%{top: 100%;}
}
.services-btn a span:nth-child(3){bottom: 0;right: -100%;width: 100%;height: 2px;background: linear-gradient(270deg,transparent,#f2709b);animation: animate3 1s linear infinite;animation-delay: 0.5s;}
@keyframes animate3{
0%{right: -100%;}
50%,100%{right: 100%;}
}
.services-btn a span:nth-child(4){bottom: -100%;right: 0%;width: 2px;height: 100%;background: linear-gradient(360deg,transparent,#f2709b);animation: animate4 1s linear infinite;animation-delay: 0.75s;}
@keyframes animate4{
0%{bottom: -100%;}
50%,100%{bottom: 100%;}
}
/*button*/
.flat-content span{font-size: 30px;}
.why-choose-us {background: #f9f9f9;}
span.color-orange { background: #f2709b;    font-size: 22px;}
img.black-color {    background: #222222;}
.three-item .media img {padding-top: 10px;    padding-bottom: 9px;}
.three-item .media{background-color: #fff; border: 1px solid #f1f1f1;}
.testimonial{background: url(images/client-bg.png)no-repeat; padding: 150px 0px; background-size: cover;}
#owl-demo .item{background-color: #fff; position: relative;}
.item .media-body{display: contents;}
#owl-demo .owl-buttons{display: none;}
.qualte-img img{position: absolute; bottom: 0;    right: 0;}
.qualte-img i {position: absolute; right: 18px; bottom: 13px; font-size: 25px; color: #fff;}
footer{background: url(images/footer-bg.png)no-repeat; background-attachment: fixed; background-position: 100% 0;}
.orange-color{    background-image: linear-gradient(to right, #3494E6, #EC6EAD);}
.social-media-widget i {font-size: 18px;}
.social-media-widget li {font-size: 18px;}
.white-bg {background: #222222;}
.white-bg i{font-size: 20px;}
.widget span{font-size: 25px;}
.widget li{margin-bottom: 10px;}
.widget li a{font-size: 18px; color: #333; transition: 0.5s;}
.widget li a:hover{padding-left: 5px; color: #f2709b;}
.top-design {position: relative;    bottom: 115px;}
.copy-right {background: #222222;}
.copy-right p{color: #fff;}
.copy-right a{font-weight: bold; color: #fff;}
.search-bar input{height: 35px;}
.search-bar input:focus{box-shadow: none !important; outline: none;}
input.relative {position: relative;}
input.abosulte {     position: absolute;    left: 58.7%;    border: none;    background: #222222 url(images/search-bar.png)no-repeat;    width: 14.2%;    background-position: 50% 50%;}
#toTop{position:fixed; bottom:5px; right:5px; cursor:pointer; transition: 0.5s; z-index: 99999;}
nav{position:relative;width:980px;margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left; z-index: 999;}
#cssmenu > ul > li > a{padding:17px;font-size:16px;letter-spacing:1px;text-decoration:none;color:#333;font-weight:700; color: #fff;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background: #222222!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:300px;font-size:16px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.lightbox {    cursor: pointer;    position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    background: black;    /* IE Fallback (Solid Colour) */    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);    background: rgba(0, 0, 0, 0.7); filter: none !important;   -webkit-filter: none !important;    z-index: 9997;}
.lightbox img {    display: block;    position: absolute;    border: 5px solid #fff;    box-shadow: 0 0 20px #000;    border-radius: 1px;}
body.blurred > * {    -webkit-filter: blur(2px); filter: blur(2px);   transform: translate3d(0, 0, 0);   -webkit-transform: translate3d(0, 0, 0);    overflow: hidden;}
/*.lightbox__loading {    background: url(../images/loading.gif) center center no-repeat;    width: 32px;    height: 32px;    margin: -16px 0 0 -16px;    position: absolute;    top: 50%;    left: 50%;}*/
.lightbox__caption {    display: none;    position: absolute;    left: 0;    bottom: 0;    width: 100%;    text-align: center;    z-index: 9998;    background: #000;    background: rgba(0, 0, 0, 0.7);}
.lightbox__caption p {    margin: 0 auto;    max-width: 70%;    display: inline-block;   display: inline;   zoom: 1;    padding: 10px;    color: #fff;    font-size: 12px;    line-height: 18px;}
.lightbox__button {    position: absolute;    z-index: 9999;    background: no-repeat center center;    width: 32px;    height: 32px;    opacity: 0.4;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -ms-transition: all 0.3s;    transition: all 0.3s;}
.lightbox__button:hover,.lightbox__button:focus {    opacity: 1;    -webkit-transform: scale(1.4);    -moz-transform: scale(1.4);    -ms-transform: scale(1.4);    transform: scale(1.4);}
/*.lightbox__close {    right: 10px;    top: 10px;    background-image: url("../images/close.png");}*/
.lightbox__nav {    top: 50%;    margin-top: -16px;}
/*.lightbox__nav--next {    right: 10px;    background-image: url("../images/next.png");}*/
/*.lightbox__nav--prev {    left: 10px;    background-image: url("../images/previous.png");}*/
.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; touch-action: pan-y;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px); 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;backface-visibility:    hidden;	-moz-backface-visibility:    hidden;	-ms-backface-visibility:     hidden;  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); 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: -216px;    color: #fff;    right: 1%;    width: 100px;    height: 45px;}	 	
.owl-buttons .owl-next,	.owl-prev{	width:40px;    height:40px;    font-size:0;    position: absolute;    top:175px;	background:transparent;	left: 55px;	background: #01529b;}
.owl-next {right:0;}
.owl-prev{ left:0px;}
.owl-next:hover {color: #16639f !important;}
.owl-prev:hover {color: #16639f !important;}
/*.owl-prev:before {    content:url(../images/arrow-left-new.png);   position: absolute;       top: 7px;    left: 7px;}*/
.owl-next:after {    font: normal normal normal 14px/1 FontAwesome;    font-size: 40px;}
/*.owl-next:after {content: url(../images/arrow-right-new.png); position: absolute; top: -2px; color: #fff; left: 7px;}*/
.owl-prev.active {background: #ffbd1f;}
.owl-next .active {    background: rebeccapurple;}
div#owl-demo {  text-align: center;}
.testimonal{background-color: #fff;}
/*div#owl-demo-client .owl-prev:before {    content:url(../images/left-blue.png);    position: absolute;    top: 9px;    left: 7px;    z-index: 9999;}*/
/*div#owl-demo-client .owl-next:after {    content:url(../images/right-blue.png);    position: absolute;    top: -5px;    left: 9px;    z-index: 9999;}*/
.carousel-gallery { margin: 0px 0; }
.carousel-gallery .swiper-slide a {  display: block;  width: 100%;  height: 200px;  overflow: hidden;  position: relative;  -webkit-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);  box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);}
.carousel-gallery .swiper-slide a:hover .image .overlay {  opacity: 1;}
.carousel-gallery .swiper-slide a .image {  width: 100%;  height: 100%;  background-size: cover;  background-position: center center;}
.carousel-gallery .swiper-slide a .image .overlay {  width: 100%;  height: 100%;  background-color: rgba(20, 20, 20, 0.8);  text-align: center;  opacity: 0;  -webkit-transition: all .2s linear;  -o-transition: all .2s linear;  transition: all .2s linear;}
.carousel-gallery .swiper-slide a .image .overlay em {  color: #fff;  font-size: 26px;  position: relative;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  display: inline-block;}
.carousel-gallery .swiper-pagination { position: relative;  bottom: auto;  text-align: center;  margin-top: 25px;}
.carousel-gallery .swiper-pagination .swiper-pagination-bullet {  -webkit-transition: all .2s linear; -o-transition: all .2s linear;  transition: all .2s linear;}
.carousel-gallery .swiper-pagination .swiper-pagination-bullet:hover {  opacity: .7;}
.carousel-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #f2709b;  transform: scale(1.1, 1.1);}
.plugins { text-align: center;}
.plugins h3 {  text-align: center;  margin: 0;  padding: 0;   text-transform: uppercase;  color: #111;}
.plugins a {  display: inline-block;  color: #777; font-size: 14px;  margin: 10px;  transition: all .2s linear;}
.plugins a:hover { color: #d63031;}
.button-quality{ background: url(images/bg-white.png);    background-attachment: fixed;    background-size: cover;    position: relative;    margin-bottom: 100px; padding-bottom: 185px !important;}
.testing-button-metter h5 {font-size: 26px; margin-bottom: 15px;}
.color-bg-item span {   font-size: 28px;    line-height: 35px;}
.color-bg-item {      background-image: linear-gradient(to right, #3494E6, #EC6EAD);   position: absolute;    top: 90%;    box-shadow: 5px 5px 0 #f1f1f1;}
.testing-button-metter-img img {   position: absolute;  }
.box-effect{    position: relative;    overflow: hidden;}
.box-effect:before{    content: '';    background: linear-gradient(45deg,rgba(245,106,172,0.6), rgba(0,151,225,0.6));    height: 100%;   width: 100%;    opacity: 0;    filter: blur(10px);    transform: scale(1) rotate(180deg);    position: absolute;   left: 0;    top: 0;    z-index: 1;    transition: all 0.4s ease-in-out;}
.box-effect:hover:before{    box-shadow: 0 0 10px 2px #555;    opacity: 1;    filter: blur(0);    transform: scale(0.92, 0.9) rotate(0);}
.box-effect img{    width: 100%;    height: auto;    transition: all 0.5s ease-in-out;}
.box-effect:hover img{ transform: scale(1.9) rotate(45deg); }
.box-effect .box-content{    color: #fff;    text-align: center;    width: 100%;    opacity: 0;    transform: translateX(-50%) translateY(-50%) scale(3);    position: absolute;    top: 50%;    left: 50%;    z-index: 1;    transition: all 0.5s ease;}
.box-effect:hover .box-content{    opacity: 1;    transform: translateX(-50%) translateY(-50%) scale(1);}
.box-effect .title{    font-size: 25px;    font-weight: 700;    letter-spacing: 1px;    text-transform: uppercase;    margin: 0;}
.box-effect .post{    font-size: 16px;    text-transform: capitalize;}
.box-effect .icon{    padding: 0;    margin: 0;    list-style: none;    filter: blur(10px);    transform: scale(0);    position: absolute;    right: 20px;    bottom: 20px;    z-index: 2;    transition: all 0.5s ease 0.2s;}
.box-effect:hover .icon{    transform: scale(1);    filter: blur(0);}
.box-effect .icon li{ display: inline-block; }
.box-effect .icon li a{    color: #fff;    background: rgba(255,255,255,0.2);    font-size: 20px;    text-align: center;    line-height: 40px;    height: 40px;    width: 40px;    margin: 0 3px;    display: block;    position: relative;    transition: all 0.3s;}
.box-effect .icon li a:hover{    text-shadow: 0 0 6px #555;    box-shadow: 0 0 5px #555;}
@media only screen and (max-width:990px){
.box-effect{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
.box-effect .title{ font-size: 20px; }
}
#cd-nav ul {position: fixed;  width: 90%;  max-width: 400px;  right: 5%;  bottom: 20px;  border-radius: 0.25em;  box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);  background: white;  visibility: hidden; overflow: hidden;  z-index: 1;  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transform: scale(0);  -moz-transform: scale(0);  -ms-transform: scale(0);  -o-transform: scale(0);  transform: scale(0);  -webkit-transform-origin: 100% 100%;  -moz-transform-origin: 100% 100%;  -ms-transform-origin: 100% 100%;  -o-transform-origin: 100% 100%;  transform-origin: 100% 100%;  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;  -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;  transition: transform 0.3s, visibility 0s 0.3s;}
#cd-nav ul li {  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}
#cd-nav ul.is-visible {  visibility: visible;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);  -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;  -moz-transition: -moz-transform 0.3s, visibility 0s 0s;  transition: transform 0.3s, visibility 0s 0s;}
#cd-nav ul.is-visible li:nth-child(1) {  -webkit-animation: cd-slide-in 0.2s;  -moz-animation: cd-slide-in 0.2s;  animation: cd-slide-in 0.2s;}
#cd-nav ul.is-visible li:nth-child(2) {  -webkit-animation: cd-slide-in 0.3s;  -moz-animation: cd-slide-in 0.3s;  animation: cd-slide-in 0.3s;}
#cd-nav ul.is-visible li:nth-child(3) {  -webkit-animation: cd-slide-in 0.4s;  -moz-animation: cd-slide-in 0.4s;  animation: cd-slide-in 0.4s;}
#cd-nav ul.is-visible li:nth-child(4) {  -webkit-animation: cd-slide-in 0.5s;  -moz-animation: cd-slide-in 0.5s;  animation: cd-slide-in 0.5s;}
#cd-nav ul.is-visible li:nth-child(5) {  -webkit-animation: cd-slide-in 0.6s;  -moz-animation: cd-slide-in 0.6s;  animation: cd-slide-in 0.6s;}
#cd-nav li a {  display: block;  padding: 1.6em;  border-bottom: 1px solid #eff2f6;}
#cd-nav li:last-child a {  border-bottom: none;}
@media only screen and (min-width: 1170px) {
  #cd-nav ul {    position: absolute;    width: auto;    max-width: none;    bottom: auto;    top: 36px;    background: transparent;    visibility: hidden;    box-shadow: none;    -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);    transform: scale(1);    -webkit-transition: all 0s;    -moz-transition: all 0s;    transition: all 0s;  }
  #cd-nav li {    display: inline-block;  }
  #cd-nav li a {    opacity: 1;    padding: .4em;    margin-left: 1.6em;    border-bottom: none; }
  #cd-nav li a:hover {    color: #00bd9b;  }
  #cd-nav.is-fixed ul {    position: fixed;    width: 65% !important;    max-width: 300px;    bottom: 20px;    top: auto;    z-index: 9;    background: white;    visibility: hidden;    box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);    -webkit-transform: scale(0);    -moz-transform: scale(0);    -ms-transform: scale(0);    -o-transform: scale(0);    transform: scale(0);    right: 50%;  }
  #cd-nav.is-fixed ul li {display: block;}
  #cd-nav.is-fixed ul li a {    padding: 12px 0 5px 18px;    margin-left: 0;    border-bottom: 1px solid #eff2f6;    color: #f37397;    font-weight: 600;}
  #cd-nav ul.has-transitions {    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;    transition: transform 0.3s, visibility 0s 0.3s;  }
  #cd-nav ul.is-visible {visibility: visible;   -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);    transform: scale(1);    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s;    -moz-transition: -moz-transform 0.3s, visibility 0s 0s;    transition: transform 0.3s, visibility 0s 0s;  }
  #cd-nav ul.is-hidden {      -webkit-transform: scale(0);    -moz-transform: scale(0);    -ms-transform: scale(0);    -o-transform: scale(0);    transform: scale(0);    -webkit-transition: -webkit-transform 0.3s;    -moz-transition: -moz-transform 0.3s;    transition: transform 0.3s;  }
}.cd-nav-trigger {  position: fixed;  bottom: 20px;  right: 50%;  width: 44px;  height: 44px;  background: white; border-radius: 0.25em;  box-shadow: 0 0 10px rgba(232, 74, 100, 0.4);  overflow: hidden;  text-indent: 100%;  white-space: nowrap;  z-index: 2;}
.cd-nav-trigger span {  position: absolute;  display: block;  width: 20px;  height: 2px;  background: #e84a64;  top: 50%;  margin-top: -1px;  left: 50%;  margin-left: -10px;  -webkit-transition: background 0.3s;  -moz-transition: background 0.3s;  transition: background 0.3s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after {  content: '';  position: absolute;  left: 0;  background: inherit;  width: 100%;  height: 100%;  /* Force Hardware Acceleration in WebKit */  -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);  -ms-transform: translateZ(0);  -o-transform: translateZ(0);  transform: translateZ(0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transition: -webkit-transform 0.3s, background 0s;  -moz-transition: -moz-transform 0.3s, background 0s;  transition: transform 0.3s, background 0s;}
.cd-nav-trigger span::before {  top: -6px;  -webkit-transform: rotate(0);  -moz-transform: rotate(0);  -ms-transform: rotate(0);  -o-transform: rotate(0);  transform: rotate(0);}
.cd-nav-trigger span::after {  bottom: -6px;  -webkit-transform: rotate(0);  -moz-transform: rotate(0);  -ms-transform: rotate(0);  -o-transform: rotate(0);  transform: rotate(0);}
.cd-nav-trigger.menu-is-open {  box-shadow: none;}
.cd-nav-trigger.menu-is-open span {  background: rgba(232, 74, 100, 0);}
.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {  background: #e84a64;}
.cd-nav-trigger.menu-is-open span::before {  top: 0;  -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg);  -ms-transform: rotate(135deg);  -o-transform: rotate(135deg);  transform: rotate(135deg);}
.cd-nav-trigger.menu-is-open span::after {  bottom: 0;  -webkit-transform: rotate(225deg);  -moz-transform: rotate(225deg);  -ms-transform: rotate(225deg);  -o-transform: rotate(225deg);  transform: rotate(225deg);}
@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {visibility: hidden;    -webkit-transform: scale(0);    -moz-transform: scale(0);    -ms-transform: scale(0);    -o-transform: scale(0);    transform: scale(0);    -webkit-transition: -webkit-transform 0.3s, visibility 0s 0.3s;    -moz-transition: -moz-transform 0.3s, visibility 0s 0.3s;    transition: transform 0.3s, visibility 0s 0.3s;  }
   .is-fixed .cd-nav-trigger {    visibility: visible;    -webkit-transition: all 0s;    -moz-transition: all 0s;    transition: all 0s;    -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);    transform: scale(1);    -webkit-animation: cd-bounce-in 0.3s linear;    -moz-animation: cd-bounce-in 0.3s linear;    animation: cd-bounce-in 0.3s linear;    z-index: 99;  }
}
#cd-gallery-items li {  margin-bottom: 1.5em;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);  border-radius: 0.25em;}
#cd-gallery-items li img {  width: 100%;  display: block;  border-radius: 0.25em;}
@media only screen and (min-width: 768px) {
  #cd-gallery-items li {width: 48%; float: left; margin-bottom: 2em; margin-right: 4%;}
  #cd-gallery-items li:nth-child(2n) {    margin-right: 0;  }
}
@media only screen and (min-width: 1170px) {
  #cd-gallery-items li {    width: 31%;    float: left;    margin-bottom: 2.5em;    margin-right: 3.5%;  }
  #cd-gallery-items li:nth-child(2n) {    margin-right: 3.5%;  }
  #cd-gallery-items li:nth-child(3n) {    margin-right: 0;  }
}
@-webkit-keyframes cd-slide-in {
  0% {    -webkit-transform: translateX(100px);  }
  100% {    -webkit-transform: translateY(0);  }
}
@-moz-keyframes cd-slide-in {
0% {    -moz-transform: translateX(100px); }
 100% { -moz-transform: translateY(0);}
}
@keyframes cd-slide-in {
  0% {    -webkit-transform: translateX(100px);    -moz-transform: translateX(100px);    -ms-transform: translateX(100px);    -o-transform: translateX(100px);    transform: translateX(100px);  }
  100% {    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    -o-transform: translateY(0);    transform: translateY(0);  }
}
@-webkit-keyframes cd-bounce-in {
  0% {    -webkit-transform: scale(0);  }
  60% {    -webkit-transform: scale(1.2);  }
  100% {    -webkit-transform: scale(1);  }
}
@-moz-keyframes cd-bounce-in {
  0% {    -moz-transform: scale(0);  }

  60% {    -moz-transform: scale(1.2);  }
  100% {    -moz-transform: scale(1);  }
}
@keyframes cd-bounce-in {
  0% {    -webkit-transform: scale(0);    -moz-transform: scale(0);    -ms-transform: scale(0);    -o-transform: scale(0);    transform: scale(0);  }
  60% {    -webkit-transform: scale(1.2);    -moz-transform: scale(1.2);    -ms-transform: scale(1.2);   -o-transform: scale(1.2);    transform: scale(1.2); }
  100% {    -webkit-transform: scale(1);    -moz-transform: scale(1);    -ms-transform: scale(1);    -o-transform: scale(1);   transform: scale(1);}
}
.common-banner{background: url(images/inner-banner.png);    padding: 90px 0px;    background-position: 50% 50%;}
.icon_box {    padding: 30px;    z-index: 9;    margin-top: 30px;    transition: all 0.5s ease-in-out;    min-height: 275px;}
.overlay_bg_light_green_90:before {    background-color: rgba(179, 211, 105, 0.90);}
.overlay_bg_danger_90:before {    background-color: rgba(245, 87, 108, 0.90);}
.icon_box img {    max-width: 60px;}
.overlay_bg_default_90:before {    background-color: rgba(240, 34, 44, 0.90);}
.box_icon, .intro_desc {    position: relative;}
.intro_desc h5 {    text-transform: capitalize;}
.intro_desc p:last-child {    margin: 0;}
.intro_desc span { font-size: 28px;}
.intro_desc p{font-size: 18px;}
.small_pt {    padding-bottom: 100px !important;}
.contact-area {    overflow: hidden;    position: relative; background: url(images/map.png);}
.contact-bg-image {    position: absolute;    left: 0;    right: 0;    top: 65%;    -webkit-transform: translateY(-65%);    transform: translateY(-65%);    text-align: center;    z-index: -1;    margin-left: auto;    margin-right: auto;}
.section-title {    text-align: center;    position: relative;    margin-top: -5px;    margin-bottom: 60px;}
.section-title .sub-title {   text-transform: uppercase;    display: block;    color: #000;    font-weight: 500;    margin-bottom: 10px;}
.section-title h2 {    margin-bottom: 10px;    font-size: 37px;    font-weight: 700;}
.section-title p {    max-width: 620px;    line-height: 1.8;    margin-left: auto;    margin-right: auto;}
.contact-form {    text-align: right;}
.contact-form {    background-color: #ffffff;    -webkit-box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);    box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2);    border-radius: 5px;    padding: 50px;    max-width: 850px;    margin-left: auto;    margin-right: auto;}
#contactForm .form-group .form-control {    height: 50px;    border-radius: 5px;}
.form-control {    padding: 0 12px 0 12px;}
.form-control {    height: 48px;    padding: 0 0 0 12px;    line-height: initial;    color: #252525;   background-color: #ffffff;    border: 1px solid #e6e9fc;    border-radius: 3px;    -webkit-transition: 0.5s;    transition: 0.5s;    font-size: 15px;    font-weight: 400;}
#contactForm .default-btn {    border-radius: 30px;    margin-top: 10px;    -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(255, 25, 73, 0.2);    box-shadow: 0 5px 28.5px 1.5px rgba(255, 25, 73, 0.2);}
.default-btn .icon-arrow.before {    left: 20px;    position: absolute;    -webkit-transform-origin: left center;    transform-origin: left center;}
.default-btn .icon-arrow {    color: #ffffff;    top: 11px;    -webkit-transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    font-size: 25px;}
.default-btn .label {    display: inline-block;    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);}
.default-btn .label, .default-btn .icon-arrow {    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -webkit-transform: translateZ(0);    transform: translateZ(0);    -webkit-perspective: 1000;    perspective: 1000;}
#contactForm .default-btn {    border-radius: 30px;    margin-top: 10px;    -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(255, 25, 73, 0.2);    box-shadow: 0 5px 28.5px 1.5px rgba(255, 25, 73, 0.2);}
#contactForm .default-btn:hover, #contactForm .default-btn:focus {    -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(14, 181, 130, 0.2);    box-shadow: 0 5px 28.5px 1.5px rgba(14, 181, 130, 0.2);}
button.default-btn.text-white {    padding: 12px 20px 12px 20px;    text-align: center;    float: left;    width: 100%;         background-image: linear-gradient(to right, #3494E6, #EC6EAD); cursor: pointer;}
.form-group textarea {    height: 150px !important;    padding-top: 10px;}
.common-banner a {    font-size: 20px;}
.common-banner li{    font-size: 20px;}
.form-side .white-wrap{position: static !important;}
.color-site {    background: #000;}
.sitema-links-item h2 {    font-size: 25px;}
.sitema-links-item h3{ font-size: 25px;}
.sitema-links-item h4{ font-size: 25px;}
.black-color {    background: #000;}
.skin-color {    background-image: linear-gradient(to right, #3494E6, #EC6EAD);}
.our-presence {    padding: 50px 0; padding: 50px 0; padding-bottom: 150px;}
ul.coloring li a {    background: #09429f;    padding: 15px;    color: #fff;}
.inner-left-side-product li {    display: inline-block;    margin-right: 12px;    line-height: 45px;}
ul.coloring li a {  background: #fe9274; padding: 15px; color: #fff; font-size: 18px;}
.full-width-type {    background-color: #222222;   margin-top: 20px;    width: 100%;    margin-left: 0;    margin-bottom: 20px;}
.full-width-type h3 {    color: #fff;    margin: 0px;    padding-top: 10px;    padding-bottom: 10px;}
.inner-states {    text-align: left;}
.inner-states h4 {    color: #fff;    margin-bottom: 15px;    padding-left: 15px;    padding-top: 10px;    padding-bottom: 10px;    font-size: 15px;}
.inner-states i {  padding-right: 8px;}
.inner-states a {    color: #fff;}
.inner-left-side-product h3{padding-bottom: 20px; font-size: 35px;}
.inner-left-side-product p{line-height: 25px;}
ul.coloring {   text-align: center;}
.hvr-radial-out {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative;  overflow: hidden;         background-image: linear-gradient(to right, #3494E6, #EC6EAD); -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, #3494E6, #EC6EAD);  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);}
.sitemap-link {    background: #f9f9f9;}
.box{    border-radius: 15px;    overflow: hidden;    position: relative;}
.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; }
}
.gallery{padding-bottom: 150px; padding-top: 100px; background: #f9f9f9;}
section.our-product {padding-top: 100px; padding-bottom: 150px;}
.form-side textarea {    height: 100px !important;}
.full-text p{line-height: 30px;}
.our-products{padding-top: 150px; padding-bottom: 100px;}
figure.effect-jazz {	background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);	background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%);}
figure.effect-jazz img {	opacity: 1;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption::after {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	content: '';	opacity: 0;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);	-webkit-transform-origin: 50% 50%;	transform-origin: 50% 50%;}
figure.effect-jazz h2,figure.effect-jazz p {	opacity: 1;	-webkit-transform: scale3d(0.8,0.8,1);	transform: scale3d(0.8,0.8,1);}
figure.effect-jazz h2 {	padding-top: 26%;	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}
figure.effect-jazz p {	text-transform: none;	font-size: 0.85em;	opacity: 0;}
figure.effect-jazz:hover img {	opacity: 0.1;	-webkit-transform: scale3d(1.05,1.05,1);	transform: scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after {	opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,figure.effect-jazz:hover p {	opacity: 1;	-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
.grid {	position: relative;	clear: both;	margin: 0 auto;padding: 1em 0 4em;	max-width: 1000px;	list-style: none;text-align: center;}
.grid figure {position: relative;    float: left;    overflow: hidden;    margin: 10px 1%;    min-width: 100%;    max-width: 100%;    max-height: 100%;    width: 100%;    height: auto;        background-image: linear-gradient(to right, #f2709c , #ff9472);    text-align: center;    cursor: pointer;}
.grid figure img {position: relative;    display: block;    min-height: 100%;    max-width: 100%; }
.grid figure figcaption {	padding: 2em;	color: #fff;	text-transform: uppercase;	font-size: 1.25em;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {	pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;font-size: 0;	opacity: 0;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.grid figure h2,.grid figure p {	margin: 0;}
.grid figure p {    letter-spacing: 1px;    font-size: 18px;}
.our-products {    padding-top: 50px;    padding-bottom: 100px;    background: #f9f9f9;}
.grid span {    font-size: 25px;    font-weight: 700;}
.product-details{padding-top: 50px; padding-bottom: 150px; background-color: #f1f1f1;}
.final-products p {line-height: 25px;}
.cover-product {padding-left: 0px;  min-height: 250px;  width: 385px;  float: left; margin-right: 30px;}
.product-details ul li{ margin-left: 20px ;}
.cover-product-this p {line-height: 24px; margin-bottom: 16px; color: #000;}
.only-product h2 {font-size: 32px;}
.zoom-effect img {width: 100%;}
.cover-product-this p {  line-height: 26px;  text-align: justify;  color: #000;}
.products-fill { border-right: 1px solid #ccc;}
.box-listing{ border-bottom-left-radius: 10px;	border-bottom-right-radius: 10px; border-bottom: 20px solid #f2719c;}
.box-listing h4{color: #fff; background-image: linear-gradient(to right, #f2709c , #ff9472);	padding: 10px 20px;font-size: 20px;	font-weight: 700;	border-top-left-radius: 10px;	border-top-right-radius: 10px;}
.box-listing ul{	position: relative;	background-color: #fff;}
.box-listing ul li:hover{	opacity: 0.2;}
.box-listing ul li{list-style: none;    padding: 10px;    width: 100%;    background-color: #fff;    box-shadow: 0px 5px 25px rgba(0,0,0,0.1);    transition: transform 0.5s; margin-bottom: 10px;}
.box-listing ul li:hover{	transform: scale(1.1);	z-index: 100;	background-color: #f2719c; 	box-shadow: 0 5px 25px rgba(0,0,0,0.2);	color: #fff;	opacity: 1;}
.box-listing ul li span{width: 20px;	height: 20px;	text-align: center;	line-height: 20px;	background-color: #ff9473;color: #fff; 	display: inline-block;	border-radius: 50%;	margin-right: 10px;	font-size: 12px;	font-weight: 600;	transform: translateY(0px); }
.box-listing ul li:hover span{	background-image: linear-gradient(to right, #f2709c , #ff9472); color: #fff;}
.box-listing a { color: #333;}
.listing-product h2 {font-size: 25px;}
.listing-product li{font-size: 18px;  background-position: 0 58%;    line-height: 38px; list-style-type: disc;}
.carousel-control-prev {    left: 0;    display: none !important;}
.texting-content p {    text-align: justify;}
.texting-content h1 {    font-size: 30px;    margin-bottom: 10px;}
.testing-button-metter p {    text-align: justify;}
.listing-product ul {    padding-left: 15px;}





/*Start*/
/*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: 18px;
    bottom: 111px;
    left: 25px;
    border: 0;
    z-index: 999;
    width: 50px;
    height: 50px;
    line-height: 48px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

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

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

.mobile-three-item li {
    display: inline-block;
    margin-right: 0;
    width: 32%;
    padding: 5px 0px;
}
/*
.mobile-three-item li:nth-child(1) {
    background-color: #ffaa3d;
}*/

.mobile-three-item li:nth-child(2) {
    background-color: #64b161;
    padding: 9px 0;

}

.mobile-three-item li:last-child {
    background-image: linear-gradient(to right, #3494E6, #EC6EAD);
    padding: 9px 0;
}

.mobile-three-item li a {
    color: #fff;
    font-size: 14px;
}

.mobile-btn-animation {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 30%;
    color: white;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 2.5%;
    z-index: 1000;
    background-color: #000;
}

.mobile-btn-animation a {
    color: white;
}

#mobile-call-container a {
    width: 100%;
    min-width: 100%;
}

/*Call Me*/
.phone_lefts-side {
    position: relative;
}

.phone_lefts-side a {
    position: fixed;
    bottom: 180px;
    color: white;
    animation: topBottom 4s infinite;
    z-index: 999;
    left: 25px;
    background: #000;
    color: #fff;
    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 ;
    }
}

@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);
    }
}

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

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

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

.enquiry i:hover {
    color: #fff;
    background-image: #000;
}

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

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

/* Modal Form*/
.modal-content {
    border-radius: 0;
}

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

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

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

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

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

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

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

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

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

.modal_btn:hover,.modal_btn:focus {
	 background-image: linear-gradient(to right, #3494E6 , #EC6EAD);
    color: #000;
}

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

.modal-header {   background-image: linear-gradient(to right, #3494E6 , #EC6EAD);   display: block;    text-align: center;    line-height: 43px;}
button.close {    position: relative;    left: -15px;    font-size: 25px;}
span#exampleModalLabel {    line-height: 48px;}
.small_pt h2 {    font-size: 30px;}
.map iframe {    width: 100%;    height: 300px;}
.overlay_bg_danger_90 {     background-image: linear-gradient(to right, #3494E6 , #EC6EAD);}
.overlay_bg_light_green_90 {   background-image: linear-gradient(to right, #3494E6 , #EC6EAD);}

.full-width-content {    margin: 0px auto;}
p.related-heading{        background-image: linear-gradient(to right, #3494E6 , #EC6EAD);   width: 100%;    display: block;    padding: 10px 15px;   font-size: 22px;    font-weight: 700;}
.related-products .section-heading {    text-align: center;}

.read-btn a {    background: #000;    padding: 7px 15px;    color: #fff;}
span.text-theme-colored {    font-size: 30px;}
.related_img img {    height: 160px;    margin: 10px 0px;}
.related_img img {    width: 100%;    object-fit: contain;    border: 1px solid #cccc;}
.related_content {    margin-top: 10px;}
.related_content p {    margin-bottom: 20px;}
.mobile-menu{display: none;}
.para-home p {    margin-bottom: 22px;}
.service-block img {    height: 300px;}
.zoom-effect img {    border: 1px solid #ccc;}
.details-product h2 {    font-size: 22px;    margin-bottom: 15px;}
.details-product h3 {    font-size: 22px;    margin-bottom: 15px;}
.details-product h4 {    font-size: 22px;    margin-bottom: 15px;}
.details-product h5 {    font-size: 22px;    margin-bottom: 15px;}
.details-product h6 {    font-size: 22px;    margin-bottom: 15px;}
.cover-product-this ul li {    margin-bottom: 15px;    list-style-type: disc; font-size: 16px;}
.content a {    color: #000;    font-size: 18px;}
.media-span{ width: 65% !important;}