/*** 
Template Name: InkOperate* 
Template URL: https://geographics.in* 
Author: George Philip*/
/*--------------------------------------------------------------# 

General--------------------------------------------------------------*/
:root {
    --themeback: 53 95 173; /* rgb(var(--themeback) / 100%) */
    --green: 53 95 173; /* rgb(var(--green) / 100%) 53 95 173*/
    --lgreen: 194 231 195;
    --cta :#3a4d71;
    --head:#3274a8;
    --hlight:#4ab9e5;
  }
  .theme{color:rgb(105, 1, 157);}
/*--------------------------------------------------------------# 

Preloader--------------------------------------------------------------
*{text-align:left;}*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #fff;}
#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid var(--hlight);border-top-color: #e2eefd;border-radius: 50%;width: 60px;height: 60px;-webkit-animation: animate-preloader 1s linear infinite;animation: animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
@keyframes animate-preloader {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
a{color:rgb(var(--green) / 100%);text-decoration: none;}
a:hover{color:rgb(var(--green) / 100%);opacity:0.9}
h1,h2,h3,h4,h5{font-weight:normal;color: rgb(var(--themeback) / 100%);
}
a.btn:hover{text-decoration:none !important;}
/*----------------# Back to top button--------------------*/
.entry{padding:0;}
.checkform{padding: 15px;background:rgb(var(--green) / 100%);width: 271px;margin: 0;position: absolute;z-index: 1;top: 100px;right: 0;}
.back-to-top {position: fixed;display: none;right: 15px;bottom: 15px;z-index: 99999;}
.checkform form{ width:100%; }
.back-to-top i {display: flex;align-items: center;justify-content: center;font-size: 24px;width: 40px;height: 40px;border-radius: 40px;color: #fff;transition: all 0.4s;margin-bottom:5px;}
.back-to-top i:hover {background: #000;color: #fff;}
.topBtn i{background: var(--hlight);}
/*-----------------------------------------*/
  body{margin:0;padding:0;background:url(../images/headerbg.png) repeat-x left top;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 14px;line-height: 20px;}
.nopad{padding:0 !important;}
.nomar{margin:0 !important;}
.wrapper{width:100%;margin:0 auto;}
header{height:85px;background:url(../images/headerleft.png) no-repeat left top;padding:0 6px 0 40px;}
.headBox{background:url(../images/headerbg.png) repeat-x left top rgb(var(--themeback) / 100%);}
.logobox{height: 85px;width: 198px;background: url(../images/headerright.png) no-repeat right top;float:left;}
.rightBox{height: 85px;width: 254px;background: url(../images/rightboxbg.jpg) repeat-x right top;float:right;}
.topmenu{float:right;width:auto;text-align:right;}
.admIcons{margin:0;padding:0;border-right: 1px solid #a3a3a3;}
.admIcons li{list-style:none;width:81px;height:85px;border-left:1px solid #a3a3a3;display:inline-block;text-align:center;line-height:85px;}
.admIcons li a{color:#666;font-size:25px;}

.topbar{line-height:27px;padding-right:15px;color:#fff;font-size:12px;} 
.menuList{margin:0;padding:0;}
.menuList li{list-style:none;display:inline;}
.menuList li a,.menuListMobile li a{text-align: center;line-height: 35px;height: 56px;display: inline-block;padding: 10px 15px;color: #333;text-decoration:none;font-size:17px;}
.menuListMobile li a{width:100%;}
.menuList li a:hover,.menuList li a.active{background:rgb(255 255 255 / 50%);}
.contentBox{padding:0 18px;}
.serviceBox{background: linear-gradient(179deg,rgb(var(--green) / 5%) 0%, rgb(var(--green) / 50%) 50%, rgb(var(--green) / 75%) 70%, rgb(var(--green) / 75%) 100%);color:#fff;padding:15px;margin-top: 15px;}
.servList{padding:0;margin:0px;}
.servList li{list-style: none;padding: 0;margin: 0 0 10px 0;display: inline-block;width: 100%;}
.servList li a{padding: 5px 10px;line-height: 18px;font-size: 16px;background: #fff;display: block;text-align: center;text-decoration: none;color: #000;}
.logo{background: url(../images/logobg.jpg) repeat-x left top;width: 150px;height: 85px;display: inline-block;}
.logo:hover{opacity:1;}
.logo img{width: 140px;margin:-2px 20px 0 12px;}
.breadCrumb{padding:15px 0;font-size:14px;}


.footer-section {position: relative;border-top:1px solid #ccc;background:#f9f9f9;}
.footer-cta {border-bottom: 1px solid #eee;margin: 0 10px;}
.single-cta i {color: #55ACEE;font-size: 30px;float: left;margin-top: 8px;}
.cta-text {padding-left: 15px;display: inline-block;}
.cta-text h4 {font-size: 20px;font-weight: 600;margin-bottom: 2px;}
.cta-text span {color: #757575;font-size: 15px;}
.footer-content {position: relative;z-index: 2;margin: 0 10px;}
.footer-pattern img {position: absolute;top: 0;left: 0;height: 330px;background-size: cover;background-position: 100% 100%;}
.footer-logo {margin-bottom: 30px;}
.footer-logo img {max-width: 200px;}
.footer-text p {margin-bottom: 14px;font-size: 14px;color: #7e7e7e;line-height: 28px;}
.footer-social-icon span {display: block;font-size: 20px;font-weight: 700;margin-bottom: 20px;}
.footer-social-icon a {font-size: 16px;margin-right: 15px;}
.footer-social-icon i {height: 40px;width: 40px;text-align: center;line-height: 38px;border-radius: 50%;color: #fff;}
.facebook-bg{background: #3B5998;}
.twitter-bg{background: #55ACEE;}
.google-bg{background: #55ACEE;}
.footer-widget-heading h3 {font-size: 20px;font-weight: 600;margin-bottom: 40px;position: relative;}
.footer-widget-heading h3::before {content: "";position: absolute;left: 0;bottom: -15px;height: 2px;width: 50px;background: #55ACEE;}
.footer-widget ul li {display:inline-block;width: 49%;margin-bottom: 12px;}
.footer-widget ul li a:hover{color: #55ACEE;}
.footer-widget ul li a {color: #878787;text-transform: capitalize;}
.footer-widget h3 {text-align:left !important;}
.subscribe-form {position: relative;overflow: hidden;}
.subscribe-form input {width: 100%;padding: 14px 28px;border: 1px solid #ccc;}
.subscribe-form button {position: absolute;right: 0;background: #55ACEE;padding: 13px 20px;border: 1px solid #55ACEE;top: 0;}
.subscribe-form button i {font-size: 22px;transform: rotate(-6deg);}
.copyright-area{background:var(--cta);padding: 25px 0;}
.copyright-text p {margin: 0;font-size: 11px;color: #fff;float:left;}
.copyright-text p a{color: lightblue;}
.footer-menu ul{text-align: right;list-style-position: inside;}
.footer-menu li {display: inline-block;margin-left: 20px;}
.footer-menu li:hover a{color: #fff;}
.footer-menu li a {font-size: 11px;color: #fff;}
.homeBanner{background:url('../images/homebannerbg.png') repeat-x left -123px rgb(var(--themeback) / 100%);}


/* Mobile Navigation */
.mobile-nav-toggle {/*position: fixed;right: 5px;top: 11px;*/z-index: 9998;border: 0;background: none;font-size: 24px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;padding:15px;}
.mobile-nav-toggle i {color: #000;}
.mobile-nav {position: fixed;top: 55px;right: 25px;bottom: 15px;left: 25px;z-index: 9999;overflow-y: auto;background: #fff;transition: ease-in-out 0.2s;opacity: 0;visibility: hidden;border-radius: 10px;padding: 10px 0;height: 90vh;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav a {display: block;position: relative;color: #222222;padding: 10px 20px;font-weight: 500;outline: none;text-align: center;font-size: 1rem;
    border-bottom: 1px solid #ccc;}
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {color: var(--hlight);text-decoration: none;}
.mobile-nav .drop-down > a:after {content: "\ea99";font-family: IcoFont;padding-left: 10px;position: absolute;right: 15px;}
.mobile-nav .active.drop-down > a:after {content: "\eaa1";}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(9, 9, 9, 0.6);overflow: hidden;display: none;transition: ease-in-out 0.2s;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {opacity: 1;visibility: visible;}
.mobile-nav-active .mobile-nav-toggle{position:absolute;top:10px;left:42%;background: white;border-radius: 25px 25px 0 0;padding:10px;}
.mobile-nav-active .mobile-nav-toggle i {color: #000;}

@media only screen and (max-width: 950px) {
header{padding-left:0;}
.admIcons li{width:49px;}
.rightBox{width:158px;}
.logobox{width:182px;}
}

@media only screen and (max-width: 500px) {
.rightBox{display:none;}
.topbar{width:1px;opacity:0;overflow:hidden;height:27px;}
.mobile-nav-toggle{padding:15px 0;}
}

/* project page*/
.form-control:focus{box-shadow:0 0 0 .1rem transparent !important;}
.subgallery{margin:10px 0 10px 0;list-style-type:none;padding:0;}
.subgallery li{margin:0;padding:0;display:inline-block;overflow:hidden;width:auto;}
.subgallery li img{height:75px;}
.projAddress{background:#f8f8f8;padding:10px;margin-bottom:15px;font-size: 18px;line-height: 25px;color: #506b84;}
.logoBlock{float:right;margin:10px;padding: 10px;background: #fff;border: 1px solid #eee;}

.resulttoCart{padding:0 10px;}
.resulttoCart li b{color:#729a59;font-weight:normal;}
.resulttoCart li.stat0{background:#f7f7f7;padding:15px;}
.resulttoCart li.stat1{background:#fbfbfd;padding:15px;}
.resulttoCart,#orderResponse{display: flex;flex-wrap: wrap;margin: 0px;width: 100%;}
.resulttoCart li{list-style:none !important;margin:0;padding: 10px;}
.resulttoCart li{width: 45%;flex-grow:1;margin:5px;border:1px solid #ddd;text-align: left;background: linear-gradient(180deg, rgb(247 247 247) 0%, rgba(255, 255, 255, 1) 67%);}
.resulttoCart li:hover{border:1px solid #99d288;background:#f2fcef;}
.resulttoCart li a{text-decoration: none;}
.resulttoCart li small{font-size: 10px;}
.resulttoCart li .img-Left,.imgleft{float:left;margin-right:15px;max-width:150px;}
.resulttoCart li a img {max-height: 100px;}
.resulttoCart li .results{line-height: 14px;}
.resulttoCart li .text-right{line-height: 13px;font-size: 10px;margin-top:5px;}

#reqList{background: white;border: 1px solid #ccc;position: absolute;display: none;width: 45%;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
#reqList ul{padding:0;margin:0;max-height: 300px;overflow-y: auto;}
#reqList ul li{padding:5px;margin:0;border-bottom:1px solid #ccc;cursor:pointer;}
#reqList ul li:hover{background: #f1f1f1;}
#OrderResponse{margin-top: 15px;}

.homeCarouselBox{background: linear-gradient(180deg, rgb(255 255 255) 25%, rgb(255 255 255) 40%, rgb(var(--themeback) / 25%) 375px, rgba(231, 234, 243, 0) 375px, rgb(255 255 255 / 80%) 100%);}
/*.homeCarouselBox{background: linear-gradient(0deg, rgb(255 255 255) 25%, rgb(255 255 255) 40%, rgb(var(--themeback) / 25%) 100%, rgba(231, 234, 243, 0) 100%);}*/

.pageBanner{max-height: 150px;min-height: 150px;background: url(../../uploads/banners/banner1.png) no-repeat left bottom;background-size:50%;overflow:hidden;}
.pagecaption{float:right;width:auto;margin:20px;width:50%;text-align: right;}
/*.pageBannerBox{background: url(../images/homebannerbg.jpg) repeat-x left center;overflow: hidden;}*/
.pageBannerBox{background: linear-gradient(180deg, rgb(255 255 255) 25%, rgb(255 255 255) 40%, rgb(var(--themeback) / 25%) 200px, rgba(231, 234, 243, 0) 200px, rgb(255 255 255 / 80%) 100%);overflow: hidden;}
.errorimg{width:250px !important;margin-top:10px;}
.infoLink{background:rgb(var(--themeback) / 100%);color:#fff !important;padding:1px 5px;font-size:12px;border-radius:3px;margin-top:5px;display:inline-block;text-decoration:none !important;}
.cboxPhoto{max-width: 700px;height: auto !important;}

.menuListMobile{display: none;;}
.Marquee-tag a{height:91px;}

/* Styles applied when the viewport is at most 599px wide (e.g., mobiles) */
@media screen and (max-width: 677px) {
#sync2,.owl-nav,.pageBannerBox {display:none !important;}
.homeCarouselBox, .homeCarouselBox>.container,.item{margin:0 !important;padding:0 !important;}
.item,.itemDetails{min-height:250px !important;}
.itemContent{width:100% !important;}
.owl-item .item{background:none !important;}
.footer-section>.container{display:none !important;}
.homeMsg{padding: 10px !important;}
.mobile-nav .menuList li a{width:100%;}
.menuListMobile{display: block;}
.cboxElement.cboxElement{width:100%;}
.contentBox{min-height: calc(100vh - 155px) !important;}
}